Anchor (``) लिङ्कहरू कसरी काम गर्छन्, target र rel सहित?

Question

Anchor (`<a>`) लिङ्कहरू कसरी काम गर्छन्, target र rel सहित?

Accepted Answer

The `` (anchor) element creates a hyperlink। Its `href` is the destination, which can be a URL, a path, an in-page anchor, or a special scheme। ```html External site Internal page (relative) Jump to an element with id="section2" Send email Call us ``` ## नयाँ ट्याबमा खोल्ने — र सुरक्षा सावधानी ```html Opens in a new tab ``` `target="_blank"` ले नयाँ ट्याब खोल्छ, तर तपाईंले **`rel="noopener"`** थप्नु पर्छ: यो बिना, नयाँ पेज `window.opener` को पहुँच गर्न सक्छ र सम्भाव्यताको साथ तपाईंको पेज पुनर्निर्देशन गर्न सक्छ (एक "tab-nabbing" आक्रमण)। `noreferrer` ले referrer header पनि हटाउँछ। आधुनिक ब्राउजरहरूले `_blank` को लागि `noopener` निहित गर्छन्, तर यसलाई स्पष्ट रूपमा थप्नु सर्वोत्तम अभ्यास हो। ## rel विशेषताले सम्बन्धहरू संचार गर्छ ```html Don't pass SEO ranking (untrusted/user links) Security: no window.opener access Paid/affiliate link ``` ## पृष्ठ-भित्र नेविगेसन ```html Back to top ...

...

``` क्लिक गर्दा fragment सँग मेल खाने `id` भएको तत्वमा स्क्रल हुन्छ। ## किन यो महत्त्वपूर्ण छ Anchors वेबको नेविगेसनको मेरुदण्ड हो। `href` schemes (relative, absolute, fragment, `mailto`/`tel`), `target="_blank"` + `rel="noopener"` सुरक्षा जोडी, र SEO-सम्बन्धित `rel` मानहरू जान्नु सही, सुरक्षित लिङ्किङको लागि आवश्यक छ।