El olvidado rel
¿Por qué gastarme el tiempo de escribir un artículo sobre un atributo HTML tan antiguo, y por qué ustedes gastarían el suyo en leerlo? Que buenas preguntas para comenzar a redactar un tema donde es necesario aclarar sus usos y recalcar sus funciones, principalmente cuando las escuelas actuales aún son incipientes en enseñar la teoría por detrás de los fundamentos de los web standards. Comencemos con la parte aburrida:
El atributo rel describe la relación del presente documento al link (href) o ancla (name) especificado en el atributo href="". El valor de este atributo puede ser más de uno y al igual que las clases, separados por espacio.
Tiempo de una pausa para un pequeño detalle.
Este atributo dentro de un link no es utilizado ni reconocido por ningún browser actualmente (por eso seguramente ha sido menospreciado y olvidado por tanto tiempo).
Entonces, ¿para qué seguir gastando nuestro tiempo? Pues rel="" sí es considerado por los buscadores para obtener más información sobre los enlaces, y es muy difundido mediante [microformatos][1].
Los valores de este atributo para HTML 4.01 son (o eran, como quieras verlo):
- alternate
- una versión alternativa del documento (por ej. una traducción, página para impresión, etc).
- stylesheet
- este es familiar; es una hoja de estilos linkeada externamente.
- start
- el primer documento de un conjunto de documentos. Este valor le indica a los buscadores que la página es considerada el punto de inicio de la colección.
- prev, next
- documento anterior y siguiente de una misma colección de documentos; podría utilizarse para pre-cargar los documentos siguientes.
- contents
- una tabla de contenidos para el conjunto de documentos.
- index
- una página que ofrece un índice para los documentos.
- glossary
- una página con un glosario de términos para el conjunto de documentos.
- copyright
- textos legales para todo el documento.
- chapter
- pagina que abre un capítulo.
- section
- pagina que abre una sección.
- subsection
- pagina que abre una sub-sección.
- appendix
- el apéndice.
- help
- una página de ayuda (más información, otras fuentes de información, instrucciones, etc).
- bookmark
- pagina con enlaces a contenido dentro del mismo conjunto de documentos.
Para HTML 5 y a través de los [microformatos][2] (prácticamente XFN), se ha privilegiado la relación de enlaces a personas más que a documentos o partes de él. Los siguientes son los -hasta ahora- aprobados para HTML 5:
- acquaintance
- la persona linkeada ofrece conocimiento anexo al documento actual.
- child
- la persona referenciada es hija de la persona autora del documento.
- co-resident
- la persona referenciada vive en la misma casa del autor.
- co-worker
- la persona referenciada trabaja con el autor.
- colleague
- la persona referenciada es colega del autor.
- contact
- el autor considera a la persona referenciada como un contacto.
- crush
- la persona referenciada atrae al autor.
- date
- el autor está saliendo con la persona referenciada.
- kin
- la persona referenciada es parte de la gran familia del autor.
- me
- la persona referenciada y el autor son la misma persona.
- met
- el autor conoce a la persona referenciada.
- muse
- la persona referenciada inspira al autor.
- neighbor
- la persona referenciada vive cerca o es vecino del autor.
- parent
- la persona referenciada es padre del autor.
- sibling
- la persona referenciada es hermano(a) del autor.
- spouse
- la persona referenciada es cónyugue del autor.
- sweetheart
- el autor considera al(a) referenciado(a) como su cariño.
A partir de necesidades específicas de fabricantes de browsers y de tecnologías, se han creado algunos valores que son específicos, como:
- nofollow
- es utilizado por Google para especificar que el spider de indexación no debe seguir ese link.
- shortcut icon
- reconocido por los browsers modernos para enlazar un archivo favicon.ico.
- apple-touch-icon
- utilizado por Apple para especificar un archivo ícono para un sitio web.
Pues como leen, este malhogrado atributo está resucitando y nos permite vincular objetos y documentos con una [semántica][3] nunca antes vista. Queda en nosotros utilizarla correctamente y sacarle provecho en nuestros proyectos.
Links:⌗
- W3C Recommendation: Link Type
- rdfa.info: @rel attribute discussion
- XFN 1.1 relationships meta data profile
[1]: http://www.csslab.cl/2008/03/28/microformatos-2-contra-ataca/ “Enlace en CSSLab a “Microformatos 2 contra-ataca”” [2]: http://www.csslab.cl/2008/01/03/un-poco-sobre-microformatos/ “Enlace en CSSLab a “Un poco sobre Microformatos”” [3]: http://www.csslab.cl/category/semantica/ “Enlace en CSSLab a “Categoría: Semántica””