Das Element <a> (Anker) erstellt einen Hyperlink. Sein href ist das Ziel, das eine URL, ein Pfad, ein Anker auf der Seite oder ein spezielles Schema sein kann.
External site
Internal page (relative)
Jump to an element with id="section2"
Send email
Call us
Anker sind das Rückgrat der Webnavigation.
Die Kenntnis der href-Schemata (relativ, absolut, Fragment, mailto/tel), des Sicherheitspaars target="_blank" + rel="noopener" und der SEO-relevanten rel-Werte ist für korrektes und sicheres Linking unerlässlich.
<a href="https://other.com" target="_blank" rel="noopener noreferrer">
Opens in a new tab
</a>
target="_blank" öffnet einen neuen Tab, aber Sie sollten rel="noopener" hinzufügen: ohne ihn kann die neue Seite auf window.opener zugreifen und möglicherweise Ihre Seite umleiten (ein "Tab-Nabbing"-Angriff). noreferrer entfernt auch den Referrer-Header. Moderne Browser implizieren noopener für _blank, aber das explizite Hinzufügen ist 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 -->
Das Klicken scrollt zum Element, dessen id dem Fragment entspricht.