El elemento <a> (anclaje) crea un hipervínculo. Su href es el destino, que puede ser una URL, una ruta, un anclaje dentro de la página o un esquema especial.
External site
Internal page (relative)
Jump to an element with id="section2"
Send email
Call us
<a href="https://other.com" target="_blank" rel="noopener noreferrer">
Opens in a new tab
</a>
target="_blank" abre una nueva pestaña, pero debes agregar rel="noopener": sin ella, la nueva página puede acceder a window.opener e incluso redirigir tu página (un ataque "tab-nabbing"). noreferrer también elimina el encabezado referrer. Los navegadores modernos implican noopener para _blank, pero agregarlo explícitamente es la mejor práctica.
<a href="..." rel="nofollow">Don't pass SEO ranking (untrusted/user links)</a>
<a href="..." rel="noopener">Security: no window.opener access</a>
<a href="..." rel="sponsored">Paid/affiliate link</a>
<a href="#top">Back to top</a>
...
<div id="top">...</div> <!-- the link scrolls here -->
Hacer clic desplaza hacia el elemento cuyo id coincide con el fragmento.
Los anclajes son la columna vertebral de la navegación web.
Conocer los esquemas href (relativo, absoluto, fragmento, mailto/tel), el par de seguridad target="_blank" + rel="noopener", y los valores rel relevantes para SEO es esencial para un enlace correcto y seguro.