Elementet <a> (ankare) skapar en hyperlänk. Dess href är destinationen, vilket kan vara en URL, en sökväg, ett ankare på sidan eller ett speciellt schema.
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" öppnar en ny flik, men du bör lägga till rel="noopener": utan det kan den nya sidan komma åt window.opener och potentiellt omdirigera din sida (en "tab-nabbing"-attack). noreferrer tar också bort referrer-huvudet. Moderna webbläsare antyder noopener för _blank, men att lägga till det explicit är bästa praxis.
<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 -->
Klickandet rullar till elementet vars id matchar fragmentet.
Ankare är ryggraden i webens navigering.
Kunskap om href-scheman (relativ, absolut, fragment, mailto/tel), säkerhetspareringen target="_blank" + rel="noopener" och SEO-relevanta rel-värden är väsentlig för korrekt, säker länkning.