L'elemento <a> (anchor) crea un hyperlink. Il suo href è la destinazione, che può essere un URL, un percorso, un anchor in-page o uno schema speciale.
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" apre una nuova scheda, ma dovresti aggiungere rel="noopener": senza di esso, la nuova pagina può accedere a window.opener e potenzialmente reindirizzare la tua pagina (un attacco "tab-nabbing"). noreferrer rimuove anche l'header referrer. I browser moderni implicano noopener per _blank, ma aggiungerlo esplicitamente è una best practice.
<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 -->
Fare clic scorre all'elemento il cui id corrisponde al fragment.
Gli anchor sono la spina dorsale della navigazione del web.
Conoscere gli schemi href (relativi, assoluti, fragment, mailto/tel), l'accoppiamento di sicurezza target="_blank" + rel="noopener" e i valori rel rilevanti per SEO è essenziale per un linking corretto e sicuro.