The <a> (anchor) element ایک hyperlink بناتا ہے۔ اس کا href منزل ہے، جو ایک URL، ایک راستہ، ایک صفحہ میں anchor، یا ایک خصوصی scheme ہو سکتا ہے۔
<a href="https://example.com">External site</a>
<a href="/about">Internal page (relative)</a>
<a href="#section2">Jump to an element with id="section2"</a>
<a href="mailto:[email protected]">Send email</a>
<a href="tel:+15551234">Call us</a>
نئے ٹیب میں کھولنا — اور سیکیورٹی کی انتباہی
<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 بھی referrer header کو ہٹاتا ہے۔ جدید براؤزرز _blank کے لیے noopener کو مضمر کرتے ہیں، لیکن اسے واضح طور پر شامل کرنا بہترین practice ہے۔
rel attribute تعلقات کو بیان کرتا ہے
<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 fragment سے مماثل ہے۔
یہ اہم کیوں ہے
Anchors ویب کی نیویگیشن کی بنیاد ہیں۔
href schemes (relative، absolute، fragment، mailto/tel)، target="_blank" + rel="noopener" سیکیورٹی جوڑی، اور SEO سے متعلقہ rel values کو جاننا صحیح، محفوظ linking کے لیے ضروری ہے۔