El olvidado rel

2/sep/2010 5

¿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 <a></a> 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.

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 (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 nunca antes vista. Queda en nosotros utilizarla correctamente y sacarle provecho en nuestros proyectos.

 

Links:

Comentarios

  1. Urbanchip [#]

    realmente muy interesante, como siempre.
    Gracias.

    un abz!

  2. aramirez [#]

    Yo uso “external” para para links externos al documento. Lo leí hace 2 o 3 años por internet y creía que era válido, pero por lo que veo estaba equivocado.

    Muy bueno post. Un saludo!

  3. Carlos [#]

    Muy buen artículo. En su momento como a ramirez cuenta se usó el atributo “external” en conjunto con javascript para abrir direcciones en una nueva ventana, ya que XHTML no admite el atributo _target, entonces se usó el tandem rel=”external” y javascript para que el documento fuera válido.

  4. Diego Rendón [#]

    Interesante artículo.

    Cuando dices “Los siguientes son los -hasta ahora- aprobados para HTML 5:” ¿dónde está esta información en la especificación de html 5?

    No veo que en la especificación de html 5 en el sitio del W3C http://dev.w3.org/html5/spec/links.html#linkTypes se mencione esto por ningún lado, sólo veo los valores habituales para html 4 que usted menciona para el atributo rel.

    Saludos.

  5. Jorge Epuñan [#]

    Diego: esos nuevos valores para rel estan dados no por la especificacion de HTML5 de la W3C, sino como una extension de la misma a traves de la comision XFN de microformatos, lo q expande el lenguaje en si.

    En los links encontraras mas informacion.

    Saludos.

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab