¿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.
Comentarios
realmente muy interesante, como siempre.
Gracias.
un abz!
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!
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.
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.
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.