En HTML, la etiqueta <a>
se utiliza para crear un hipervínculo, también conocidos como enlaces o links. Su nomeclatura proviene del término inglés anchor
, que significa ancla. El enlace puede llevar al usuario a otro punto en la misma página, a otra parte del sitio web, o incluso a una página web completamente diferente.
Para crear un hipervínculo se envuelve el texto que deseamos convertir en enlace de esta forma -- <a href="url">Texto del enlace</a>
.
Aquí, el atributo href
contiene la URL al sitio al cual se desea dirigir al usuario.
Ejemplo:
<a href="https://www.ejemplo.com">Visita nuestro sitio</a>
Al hacer clic en "Visita nuestro sitio", el usuario será redirigido a la página "www.ejemplo.com".
Otro uso del elemento <a>
es para crear enlaces dentro de una misma página, esto se hace por medio de identificadores o id
.
Ejemplo:
<a href="#seccion2">Ir a la sección 2</a>
...
<div id="seccion2">Contenido de la sección 2</div>
Al hacer clic en "Ir a la sección 2", la página se desplazará hasta llegar al lugar donde se encuentre el div
con id="seccion2"
.
Las etiquetas <link>
, <hyperlink>
y <url>
no existen en HTML, y no deben utilizarse para definir enlaces. La etiqueta <link>
se utiliza para enlazar documentos externos con la página actual, como por ejemplo hojas de estilo CSS, pero no sirve para crear un hipervínculo.
Es una buena práctica hacer que los enlaces sean descriptivos, es decir, que el texto del enlace indique claramente a qué conduce. Esto mejora la accesibilidad y la experiencia de usuario.