Tips&Tricks

til hjemmesiden, computeren og internettet

Tips & Tricks



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.

Kunne du lide tippet? Abonner gratis på mine nyhedsmails og få friske tips hver uge: Tilmelding til Tips og tricks
Lige nu: Få e-bogen "701 Tips og Tricks" gratis (normalpris $11,83) ved tilmelding.


|