Hogyan működnek a horgony (``) linkek, beleértve a target és rel attribútumokat?

Question

Hogyan működnek a horgony (`<a>`) linkek, beleértve a target és rel attribútumokat?

Accepted Answer

Az `` (anchor) elem hiperhiperlinket hoz létre. Az `href` a cél, amely lehet URL, elérési út, oldalon belüli horgony vagy speciális séma. ```html External site Internal page (relative) Jump to an element with id="section2" Send email Call us ``` ## Megnyitás új lapon — és a biztonsági figyelmeztetés ```html Opens in a new tab ``` A `target="_blank"` új lapot nyit, de hozzá kell adni a **`rel="noopener"`** attribútumot: nélküle az új oldal hozzáférhet a `window.opener` tulajdonsághoz és potenciálisan átirányíthatja az oldaladat ("tab-nabbing" támadás). A `noreferrer` a referrer fejlécet is eltávolítja. A modern böngészők a `_blank` esetén implicit módon alkalmazzák a `noopener` jellegzetességet, de a kifejezett hozzáadása ajánlott eljárás. ## A rel attribútum kommunikálja az összefüggéseket ```html Don't pass SEO ranking (untrusted/user links) Security: no window.opener access Paid/affiliate link ``` ## Oldalon belüli navigáció ```html Back to top ...

...

``` A kattintás ahhoz az elemhez görget, amelynek az `id` megfelel a töredéknek. ## Miért fontos ez A horgonyok a web navigációjának gerincét képezik. Az `href` sémákat (relatív, abszolút, töredék, `mailto`/`tel`), a `target="_blank"` + `rel="noopener"` biztonsági párosítást és az SEO-releváns `rel` értékeket ismerni alapvető fontosságú a helyes és biztonságos linkek létrehozásához.