Descripción
El atributo rel indica la relación que hay entre el documento actual y el documento sobre el que se crea el enlace en el área. Los valores que puede presentar el atributo rel son:
- alternate, es un enlace a una versión alternativa al documento.
- author, es un enlace al autor del documento.
- bookmark, es una URL para poder guardar de forma permanente como bookmark.
- help, es un enlace a un documento de ayuda.
- license, es un enlace a información de derechos de autor o copyright.
- next, el enlace es el siguiente documento en la selección.
- nofollow, en este caso buscadores como Google no lo siguen. Se suele utilizar para indicar enlaces de publicidad.
- noreferrer, indica que el navegador no debe de enviar una cabecera HTTP referer.
- prefetch, indica que el enlace debe de ser cacheado. Nos sirve para acelerar la carga de los mismos.
- prev, el enlace es el anterior documento en la selección.
- search, es un enlace para la herramienta de búsqueda del documento.
- tag, es una etiqueta del actual documento.
Sintaxis
<area rel="alternate|author|bookmark|help|license|next|nofollow|noreferrer|prefetch|prev|search|tag" />
Elemento Padre
Ejemplo
<img src="fotos.png" usemap="#autores" border="0" width="821" height="152" alt="Autores" />
<map id="autores" name="autores">
<area shape="rect" coords="0,0,157,147" href="/victor-cuervo/" alt="Víctor Cuervo" rel="author"/>
<area shape="rect" coords="164,0,321,147" href="/gustavo-puig/" alt="Gustavo Puig" rel="author"/>
<area shape="rect" coords="340,0,497,147" href="/jose-carlos-ferreiro/" alt="José Carlos Ferreiro" rel="author"/>
</map>
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.