el BLOG de manuti

BLOG METASEXUAL TRUCOS PARA BLOGS.YA.COM, MSN SPACES Y FOTOLOGS. OGAME BITEFIGHT
Estadísticas y más cosas abajo
 

Avisar del idioma de las páginas enlazadas con CSS

Mi blog ahora está en más manuti
No todo el mundo domina los idiomas que se utilizan en internet. Por ese motivo, no está mal, como recomiendan en el blog de trucos, avisar del idioma del enlace. Para hacerlo automático y bonito, aunque yo antes lo hacía artesanalmente, he investigado y he aprendido a hacerlo mejor. Lo explico en dos pasos muy simples pero avanzados:
  1. añadir este código a la hoja de estilos, o sea, al CSS:
    a[hreflang]:after {
    content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;
    }


  2. añadir esta propiedad a los enlaces:

    hreflang="en" ó hreflang="fr" o las dos letras que toque poner

    donde las dos letras representan el código ISO del idioma en que está la página enlazada.

Para ampliar información recomiendo leer este artículo en mini-d, se trata de Semántica: Parte 2
Y como prueba de como funciona ésto pongo unos enlaces:

Además así aunque en los enlaces se vea la indicación, no se incluye en el código de la página, por lo que los enlaces son más correctos, semánticamnete hablando.
P.S.: Parece que esto no anda en Internet Explorer, pero en Firefox prometo que sí. Lo tengo que investigar.


Mi blog ahora está en más manuti

No
Enlaces en ventana nueva
Acerca de
Volver arriba

Varado en la playa de Garcey en Fuerteventura.
Ver estadística
Fotolog
manuti's shared items
Correo
Technorati
hCard
photo manuti
el blog de manuti
MALAGA ESPAÑA - SPAIN

Esta hCard se creó con el hCard creator.

Sindicación
Buscar en el
blog de manuti
Google

ad-free BLOG

ad-free BLOG mi LOGO