<a> (çapa) öğesi bir köprü bağlantı oluşturur. href özü hedefdir ve bir URL, yol, sayfa-içi çapa veya özel bir şema olabilir.
html
External site
Internal page (relative)
Jump to an element with id="section2"
Send email
Call us
<a> (çapa) öğesi bir köprü bağlantı oluşturur. href özü hedefdir ve bir URL, yol, sayfa-içi çapa veya özel bir şema olabilir.
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" yeni bir sekme açar, ancak rel="noopener" eklemelisiniz: bunu yapmadan, yeni sayfa window.opener öğesine erişebilir ve sayfanızı potansiyel olarak yeniden yönlendirebilir ("tab-nabbing" saldırısı). noreferrer ayrıca referrer başlığını kaldırır. Modern tarayıcılar _blank için noopener anlamına gelir, ancak açık olarak eklemek en iyi uygulamadır.
<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 -->
Tıklamak, id özniteliği parça ile eşleşen öğeye kaydırır.
Çapalar, web navigasyonunun omurgasıdır.
href şemaları (göreceli, mutlak, parça, mailto/tel), target="_blank" + rel="noopener" güvenlik eşleştirmesi ve SEO ile ilgili rel değerleri hakkında bilgi, doğru ve güvenli bağlantı için gereklidir.