HIPERVINCULOS O ENLACES

Una de las etiquetas más importantes de HTML (sino la que más) es la etiqueta <a>. Esta etiqueta se utiliza para crear los llamados enlaces, vínculos o hipervínculos. La idea es establecer una referencia a una dirección o URL donde está alojado ese otro documento de destino, que puede ser una página web, un archivo PDF, una imagen o cualquier otro tipo de documento.

Etiqueta	Descripción
<a>	Etiqueta usada para hacer referencia a otras páginas web o recursos como documentos o archivos.

Esta etiqueta debe tener, como mínimo, el atributo href, ya que es el atributo con el que se especifica la dirección URL al documento que se quiere enlazar. Aún así, la etiqueta <a> también tiene varios atributos opcionales, veamos un resumen de todos ellos:

Atributo	or	Descripción
href	URL	Enlace al documento que se quiere cargar. Atributo obligatorio.
download	nombre.ext	Descarga el documento del href en lugar de abrirlo. Si se indica valor, se renombra.
target	_blank	Abre el enlace en una nueva pestaña.
	_self	Abre el enlace en la pestaña o <iframe> actual.
	_parent	Abre el enlace en el documento padre.
	_top	Abre el enlace en el documento raíz (padre global).
	nombre	Abre el enlace en el <iframe> con el nombre especificado.
rel	alternate	Indica que el enlace es una versión alternativa (idioma o formato diferente).
	author	Indica que el enlace es la web del autor de la página actual.
	bookmark	Indica que el enlace es un permalink a la sección de la página actual.
	help	Indica que el enlace ofrece ayuda para la página actual.
	license	Indica que la página actual está cubierta por la licencia referenciada.
	prev	Indica que el enlace es la parte previa del documento actual.
	next	Indica que el enlace es la parte siguiente del documento actual.
	nofollow	Indica que el enlace no está supervisado por el autor del sitio web.
	noreferrer	Indica al navegador que no envíe la página de donde se procede al visitar el enlace.
	prefetch	Indica al navegador que precargue el enlace, ya que el usuario hará clic en él.
	search	Indica que el enlace es una página para realizar búsquedas.
	tag	Asocia una etiqueta al enlace especificado, en relación al documento actual.
hreflang	Idioma	Código ISO 639-1 del idioma del documento.
type	Tipo	Tipo de contenido MIME al que se enlaza. Atributo no obligatorio.

Ten en cuenta, que el soporte del atributo download podría no funcionar correctamente, ya que no está demasiado extendido aún entre los diferentes navegadores:

Veamos a continuación algunos ejemplos de enlaces utilizando algunos atributos indicados en la tabla superior para comprender así su funcionamiento:

<ul>

  <li><a rel="author" href="http://www.emezeta.com/">Emezeta</a>

  <li><a href="http://lenguajecss.com/" target="_blank">LenguajeCSS</a>

  <li><a href="http://pagina.com/documento.pdf" download="A-38.pdf">PDF</a>

  <li><a href="http://pagina.com/documento-en.pdf" hreflang="en">PDF</a>

</ul>

Veamos cómo:

<a href="paginadestino.html" target="_blank">Clic aquí</a>