Elemento a en HTML

Elemento a en HTML

El elemento a (del ingles anchor o ancla) es un elemento HTML que se utiliza para crear enlaces a otras páginas web, secciones dentro de la misma página o recursos externos.

Es uno de los elementos más importantes en la web, ya que permite la navegación entre diferentes contenidos.

Además, el elemento a puede ser utilizado para crear enlaces de descarga, correos electrónicos y otros tipos de interacciones.

<a href="https://www.ejemplo.com">Visita mi sitio web</a>

Atributos importantes

• href: Especifica la URL del recurso al que se enlaza. Es un atributo obligatorio.

Las siguientes rutas son válidas para el atributo href:

1. páginas web externas (http://www.ejemplo.com)
2. secciones dentro de la misma página (#seccion)
3. recursos de descarga (archivo.pdf)
4. correos electrónicos (mailto:cristianescalante@caeher.com)
5. enlaces telefónicos (tel:+1234567890)

<a href="#contacto">Ir a contacto</a>
<a href="manual.pdf" download>Descargar PDF</a>

• target: Especifica cómo se abrirá el enlace. Por ejemplo, _blank abre el enlace en una nueva pestaña. _self abre el enlace en la misma pestaña.

<a href="https://www.caeher.com" target="_blank">Visita mi sitio web</a>

• rel: Especifica la relación entre el documento actual y el recurso vinculado. Por ejemplo, noopener y noreferrer son utilizados para mejorar la seguridad al abrir enlaces en nuevas pestañas.

<a href="https://www.caeher.com" target="_blank" rel="noopener noreferrer">Visita mi sitio web</a>

Atributos utilizados para SEO

• title: Proporciona información adicional sobre el enlace. Se muestra como un tooltip al pasar el mouse sobre el enlace.

<a href="https://www.caeher.com" title="Visita mi sitio web">Visita mi sitio web</a>

• hreflang: Especifica el idioma del recurso vinculado. Es útil para SEO y accesibilidad.

<a href="https://www.caeher.com" hreflang="es">Visita mi sitio web</a>

• type: Especifica el tipo de contenido del recurso vinculado. Es útil para SEO y accesibilidad.