<a> (anchor) घटक हायपरलिंक तयार करतो. त्याचा href हा गंतव्य आहे, जो URL, मार्ग, पृष्ठ-मधील anchor किंवा विशेष योजना असू शकतो.
html
External site
Internal page (relative)
Jump to an element with id="section2"
Send email
Call us
<a> (anchor) घटक हायपरलिंक तयार करतो. त्याचा href हा गंतव्य आहे, जो URL, मार्ग, पृष्ठ-मधील anchor किंवा विशेष योजना असू शकतो.
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 referrer हेडर देखील काढून टाकते. आधुनिक ब्राउজर्स _blank साठी noopener सूचित करतात, परंतु त्याचे स्पष्ट जोडणे सर्वोत्तम प्रणाली आहे.
<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 (सापेक्ष, निरपेक्ष, fragment, mailto/tel), target="_blank" + rel="noopener" सुरक्षा जोडी, आणि SEO-प्रासंगिक rel मूल्यांचे ज्ञान योग्य, सुरक्षित लिंकसाठी अत्यावश्यक आहे.