Vis et flag i linkets sprog
Sat på siden 08-07-2005
Hvis du henviser til tekster, der er på forskellige sprog på din hjemmeside, er det god webskik at fortælle gæsten, hvilket sprog han skal forvente. Det kan du gøre ved at sætte et lille flag ud for linket ved hjælp af html og css.
Først skal du indsætte en attribut i linket, der fortællet linkets sprog, fx engelsk: hreflang="en":
<a href="www.kortlink.com/attractorfactor" hreflang="en">Læs bogen</a>
Herefter skal du lave en stylesheet, der henviser til et billede af et flag (det skal du have i forvejen).
a[hreflang="en"]:after {
content: " " url(/img/en.gif);
}
Dette vil vise billedet, der befinder sig i mappen /img/en.gif.
Sådan her kommer det til at se ud:
www.tips-og-tricks.com/eksempler/flag.html
Obs! Tippet virker kun i browsere, der understøtter CSS2, hvilket ikke er tilfældet for Microsofts Internet Explorer.