Το στοιχείο <a> (άγκυρα) δημιουργεί έναν υπερσύνδεσμο. Το href του είναι ο προορισμός, ο οποίος μπορεί να είναι URL, διαδρομή, άγκυρα εντός της σελίδας ή ειδικό σχήμα.
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" ανοίγει μια νέα καρτέλα, αλλά θα πρέπει να προσθέσετε rel="noopener": χωρίς αυτό, η νέα σελίδα μπορεί να έχει πρόσβαση στο window.opener και δυνητικά να ανακατευθύνει τη σελίδα σας (επίθεση "tab-nabbing"). Το noreferrer αφαιρεί επίσης την κεφαλίδα παραπομπής. Τα σύγχρονα προγράμματα περιήγησης συνεπάγονται το noopener για το _blank, αλλά η ρητή προσθήκη είναι η καλύτερη πρακτική.
<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 -->
Το κλικ κάνει κύλιση στο στοιχείο του οποίου το id αντιστοιχεί στο τμήμα.
Οι άγκυρες είναι η ράχη της πλοήγησης στο διαδίκτυο.
Η γνώση των σχημάτων href (σχετικό, απόλυτο, τμήμα, mailto/tel), του ζεύγους ασφαλείας target="_blank" + rel="noopener", και των τιμών rel που σχετίζονται με SEO είναι απαραίτητη για σωστή και ασφαλή σύνδεση.