El atributo rel es un atributo HTML que se utiliza para describir la relación de una página de destino con la página que la vincula. La información no se muestra directamente en el navegador, pero los motores de búsqueda y los lectores de pantalla pueden seleccionar el atributo rel y recopilar información sobre la red de conexiones en una página. El reverso es el atributo rev, que se utiliza para contextualizar la página actual en relación con lo que se está vinculando.
Este atributo está escrito como rel = ”propiedad” y aparecería en un enlace como este: Spiegato. El atributo rel señala que el recurso que se está vinculando es la página de inicio, en relación con el documento donde se origina el vínculo, como este artículo de Spiegato. Del mismo modo, un sitio con asociaciones de afiliados puede usar un código como este: Afiliado amigable. Cuando los motores de búsqueda rastrean el sitio, pueden comprender las relaciones entre las páginas dentro de un sitio, así como los enlaces fuera del sitio.
Otro ejemplo común de cómo se puede utilizar este atributo es en la navegación, para evitar confusiones y cambios de rumbo. Se pueden usar más entradas en un blog para proporcionar un enlace a otra página de entradas. Las personas también pueden usar descriptores como «anterior», «hoja de estilo» e «índice» para proporcionar etiquetas descriptivas para los recursos. El atributo rel también se puede vincular con otro código; por ejemplo, una hoja de estilo se puede codificar para mostrar una pequeña flecha junto a un enlace con un rel = «anterior» para facilitar la navegación.
Como muchos atributos HTML, el atributo rel no se aplica de forma coherente. Algunos sitios pueden usarlo ampliamente y puede ser muy útil para herramientas como la creación de mapas de sitios. Otros sitios no lo usan en absoluto y, a veces, surgen usos extraños del atributo que pueden confundir a los navegadores. A medida que cambian los estándares HTML, los atributos entran y salen de estilo, y es importante asegurarse de que los sitios web se actualicen en consecuencia para evitar problemas como errores de visualización.
Las personas que tengan curiosidad por conocer la compatibilidad del navegador con varios atributos pueden buscar documentación técnica en los sitios web de esos navegadores. Es importante tener en cuenta que incluso si la versión más actual de un navegador reconoce y sabe cómo aplicar un atributo, es posible que las versiones anteriores no lo hagan, y las personas preocupadas por llegar a tantos navegadores como sea posible pueden considerar esto al codificar sitios. A veces, es necesario realizar ajustes en el código del sitio en beneficio de las personas que utilizan navegadores más antiguos para que se muestren correctamente.