Cum funcționează legăturile de ancoră (``), inclusiv target și rel?

Question

Cum funcționează legăturile de ancoră (`<a>`), inclusiv target și 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 ``` ## Deschiderea într-o nouă filă — și avertismentul de securitate ```html Opens in a new tab ``` `target="_blank"` deschide o nouă filă, dar ar trebui să adaugi **`rel="noopener"`**: fără aceasta, noua pagină poate accesa `window.opener` și potențial să-ți redirecționeze pagina (un atac "tab-nabbing"). `noreferrer` elimină, de asemenea, antetul referrer. Browserele moderne implică `noopener` pentru `_blank`, dar adăugarea sa explicit este cea mai bună practică. ## Atributul rel comunică relații ```html Don't pass SEO ranking (untrusted/user links) Security: no window.opener access Paid/affiliate link ``` ## Navigare în pagină ```html Back to top ...

...

``` Facând clic se derulează la elementul al cărui `id` se potrivește cu fragmentul. ## De ce este important Ancrele sunt coloana vertebrală a navigării pe web. Cunoașterea schemelor `href` (relativ, absolut, fragment, `mailto`/`tel`), perechea de securitate `target="_blank"` + `rel="noopener"` și valorile `rel` relevante pentru SEO este esențială pentru o legare corectă și sigură.