Comment fonctionnent les liens d'ancrage (``), y compris les attributs target et rel ?

Question

Comment fonctionnent les liens d'ancrage (`<a>`), y compris les attributs target et rel ?

Accepted Answer

L'élément `` (anchor) crée un hyperlien. Son `href` est la destination, qui peut être une URL, un chemin, une ancre interne ou un schéma spécial. ```html External site Internal page (relative) Jump to an element with id="section2" Send email Call us ``` ## Ouverture dans un nouvel onglet — et la mise en garde de sécurité ```html Opens in a new tab ``` `target="_blank"` ouvre un nouvel onglet, mais vous devez ajouter **`rel="noopener"`** : sans cela, la nouvelle page peut accéder à `window.opener` et potentiellement rediriger votre page (une attaque de « tab-nabbing »). `noreferrer` supprime également l'en-tête de referrer. Les navigateurs modernes impliquent `noopener` pour `_blank`, mais l'ajouter explicitement est une bonne pratique. ## L'attribut rel communique les relations ```html Don't pass SEO ranking (untrusted/user links) Security: no window.opener access Paid/affiliate link ``` ## Navigation interne à la page ```html Back to top ...

...

``` Clic faire défiler jusqu'à l'élément dont l'`id` correspond au fragment. ## Pourquoi c'est important Les ancres sont l'épine dorsale de la navigation du web. Connaître les schémas `href` (relatif, absolu, fragment, `mailto`/`tel`), l'appairage de sécurité `target="_blank"` + `rel="noopener"`, et les valeurs `rel` pertinentes pour le SEO est essentiel pour un lien correct et sécurisé.