¿Qué atributos tiene la etiqueta «a»?

La etiqueta <a> (de «anchor» o ancla) es la que utilizas en HTML para crear hipervínculos, permitiendo la navegación entre páginas web o secciones dentro de una misma página.

Para controlar su comportamiento y significado, dispone de varios atributos importantes:

1. href (Hypertext Reference): Es el atributo más esencial.
   Especifica la URL (dirección web) o el destino del enlace.
   • Puede ser una URL absoluta: <a href="https://www.ejemplo.com">Visita Ejemplo</a>
   • Una URL relativa a la página actual: <a href="otra_pagina.html">Otra Página</a>
   • Un fragmento dentro de la misma página (anclaje): <a href="#seccion2">Ir a Sección 2</a>
   • Direcciones de correo electrónico: <a href="mailto:info@ejemplo.com">Enviar correo</a>
   • Números de teléfono: <a href="tel:+34000000000">Llamar ahora</a>
2. target: Indica dónde se abrirá el recurso enlazado.
   Los valores más comunes son:
   • _self: (Valor por defecto) Abre el enlace en la misma ventana o pestaña.
   • _blank: Abre el enlace en una nueva ventana o pestaña.
     <a href="externo.html" target="_blank">Abrir en nueva pestaña</a>
   • Otros menos comunes son _parent, _top o el nombre de un <iframe>.
3. rel (Relationship): Define la relación entre el documento actual y el recurso enlazado.
   Es importante para el SEO y la seguridad.
   Algunos valores comunes:
   • noopener: Se recomienda usarlo con target="_blank" para mejorar la seguridad, impidiendo que la nueva pestaña pueda manipular la pestaña original.
   • noreferrer: Similar a noopener, pero además evita que se envíe la cabecera «Referer» al sitio enlazado.
   • nofollow: Indica a los motores de búsqueda que no sigan este enlace (útil para enlaces pagados o contenido no fiable).
   • external: Señala que el enlace dirige a un sitio externo. HTML<a href="externo.html" target="_blank" rel="noopener noreferrer external">Enlace externo seguro</a>
4. download: Este atributo instruye al navegador para que descargue el recurso vinculado en lugar de navegar a él.
   Opcionalmente, se le puede dar un valor para sugerir un nombre de archivo.
   <a href="/documentos/informe.pdf" download="Informe_Anual.pdf">Descargar Informe PDF</a>
5. Atributos globales: Como id, class, style, o title.

Estos son los atributos principales que te permitirán controlar la mayoría de los aspectos de tus enlaces.