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 attribute સંબંધોને સંચાર કરે છે ```html Don't pass SEO ranking (untrusted/user links) Security: no window.opener access Paid/affiliate link ``` ## પૃષ્ઠ-આંતરિક નેવિગેશન ```html Back to top ...

...

``` ક્લિક કરવાથી તે તત્વ પર સ્ક્રોલ થાય છે જેનું `id` ફ્રેગમેન્ટ સાથે મેળ ખાય છે. ## તે શા માટે મહત્વપૂર્ણ છે Anchors વેબના નેવિગેશનની બાકડોણ છે. `href` સ્કીમ્સ (relative, absolute, fragment, `mailto`/`tel`), `target="_blank"` + `rel="noopener"` સુરક્ષા જોડી, અને SEO-સંબંધિત `rel` મૂલ્યોને જાણવું સાચો, સુરક્ષિત લિંકિંગ માટે આવશ્યક છે.