Per mostrar l'idioma d'un enllaç s'ha d'utilitzar un mètode molt semblant al que s'usa per Mostrar la cita d’un blockquote
.
Partint d'un document tal com:
<a href="uri-de-l-enllaç" hreflang="idioma">Text de l'enllaç</a>
On l'idioma serà l'idioma de la pàgina objectiu:
<a href="http://css.artnau.com" hreflang="ca">a.css</a>
Aplicant un CSS tal com:
a[hreflang]:after {
content: " ["attr(hreflang)"]";
}
Amb aquesta regla seleccionem tots els enllaços que tinguin un atribut hreflang i mostrem el valor d'aquest entre parèntesis quadrats just després de l'enllaç.
Si no seleccionem només els enllaços que contenen l'atribut aconseguiriem tenir tots els enllaços amb uns parèntesis al final. Cosa que no és l'objectiu.
No funciona per Internet Explorer ja que s'usen funcionalitats que no té implementades.
Comentaris
Comentat per Joan el 30/10/05
Els codis dels idiomes els deu trobar aquí
Comentat per are el 30/10/05
Exacte, concretament la ISO 639-1
Comentat per Joan el 30/10/05
Com comenten en aquest apunt de Minid.net, encara es pot especificar més, diferenciant si l'enllaç és a una pàgina anglesa canadenca o anglesa americana, per exemple.
Llavors, cal agregar l'altre especificador, l'ISO 639-2 i el codi passa a ser:
hreflang="[idioma]-[país]"hreflang="en-ca"
També és interessant saber que el Mozilla permet, de vegades, identificar el llenguatge d'una pàgina: cal prèmer el botó dret i anar a "propietats"; se'ns obrirà una finestreta on apareix la informació al respecte.
Comentat per torresburriel el 31/10/05
Lo que más me gusta de este tipo de posts es que invitan a utilizar algo que, si bien sabemos que existe, por pufra vagancia no se usan de forma generalizada.
O al menos es mi caso ;-)
Comentat per show el 01/11/05
Amb la funció de monstrar la cite dels blockquote com faig per que aparegui a la dreta? Es a dir, a sota del blockquote pero alineada a la dreta.
Gracies
Comentat per are el 02/11/05
converteixes la caixa generada
:aftera bloc i alinies el text a la dreta:blockquote:after {
display: block;
content: attr(cite);
text-align: right;
}