El olvidado rel

2/Sep/2010 90

¿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. Qizhom [#]

    ed pills on ebay – big red pill for ed trials muse for ed

  2. Cgpccb [#]

    ed henry alabama pill mill – hims pills for ed review dr ed pill

  3. Zsuizq [#]

    viagra werking hoe lang – wat is een goede vervanger voor viagra welke winkel verkoopt viagra

  4. Iqijaj [#]

    viagra generico sin receta – viagra sildenafil crema viagra

  5. Ovqslq [#]

    donde comprar viagra en espaГ±a – viagsildes.com comprare viagra online

  6. Gosyxp [#]

    bactrim 800 160 – bactrim ds 800 160 tab bactrim 800 mg price

  7. Ywxxjh [#]

    bactrim 40 200 mg – babactr where can i buy bactrim over the counter

  8. Rzrfho [#]

    where to buy cialis – que es cialis professional buy cialis uk paypal

  9. Eoqrke [#]

    where to buy cialis over the counter uk – profescial.com can you buy cialis online

  10. Aqxpyk [#]

    cialis discount coupon – superatad.com cialis sale usa

  11. Njlelu [#]

    tadalafil 20mg generic cost – cialis super active vs cialias proffesional reviews cialis 10mg best price

  12. Msuvvb [#]

    cymbalta capsule – where can i buy cymbalta online duloxetine 60 mg for sale

  13. Tmygsv [#]

    cymbalta generic – discount cymbalta cymbalta 60 mg price in india

  14. Rgyjbp [#]

    levothyroxine 0.088 mg – online pharmacy synthroid buy levothyroxine 175 mcg

  15. Qtzowt [#]

    synthroid for sale usa – synthroid 112 mcg india buy synthroid 0.0125 online

  16. Sewyor [#]

    buy amoxil online – amoxicillin for sale buy amoxicillin 500 mg india

  17. Zerwjd [#]

    buy amoxicillin noscript – genamoxi.com amoxicillin for sale

  18. Hsbxsl [#]

    vardenafil vs cialis – brand vardenafil online pharmacy vardenafil generic name

  19. Ixlfjc [#]

    vardenafil online canadian pharmacy – brand vardenafil online vardenafil pill

  20. Vmqgru [#]

    buy cialis and vardenafil online – vardenafil online bestellen rezeptfrei levitra 20 mg

  21. Zelvkf [#]

    buy viagra cialis vardenafil online – buy vardenafil viagra online buy vardenafil no prescription uk

  22. Ojbaez [#]

    drugs from canada – online pharmacy school canadian pharmacy no scripts

  23. Gempyt [#]

    canadian pharmacy ratings – canada drugs direct canadian pharmacy ratings

  24. Mmnezw [#]

    generic cialis cheap canada – rx cialis canada cialis online 5 mg

  25. Gryxqk [#]

    discount cialis 10mg – cialis 30 mg tadalafil lowest price

  26. Lbgxox [#]

    genuine viagra uk – viagra south africa sildenafil in usa

  27. Ekhixs [#]

    pfizer viagra price – sildenafil soft gel capsule pfizer viagra price

  28. Outbbe [#]

    cedric vardenafil generic – order vardenafil online canada buy real vardenafil online

  29. Xgjeto [#]

    buy vardenafil 10 mg – buy vardenafil no prescription generic it vardenafil

  30. Oijdex [#]

    mail order vardenafil online – order vardenafil 60 pills vardenafil rezeptfrei

  31. Tlxkst [#]

    buy brand name vardenafil – levitra pill buy vardenafil professional online

  32. Jgbzit [#]

    cost ivermectin – ivermectin human ivermectin otc

  33. Wlxvvq [#]

    ivermectin 0.5 lotion – buy ivermectin pills cost for ivermectin 3mg

  34. Wlcjbk [#]

    buy viagra pills online india – viagra 200mg price in india how much is a viagra pill cost

  35. Jhfelq [#]

    how to buy viagra online – sildenafil 50 mg price price of sildenafil 50 mg

  36. Ccdvzp [#]

    generic cialis 200mg – no prescription needed canadian pharmacy price for tadalafil 10mg

  37. Yovldt [#]

    cialis generic brand – purchase cialis with paypal how to get cialis without prescription

  38. Jeanette [#]

    Every weekend i used to pay a quick visit this
    web page, for the reason that i want enjoyment, since this
    this web page conations really good funny data too.

  39. Mwypep [#]

    deltasone 20 mg tablet – prednisone 10mg prices prednisone 10 mg tablet price

  40. Xsqvma [#]

    where can i buy prednisone online – prednisone online pharmacy cost of prednisone 20mg

Deja tu Comentario

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

CSSLab