le 29 mars 2019
Liens. Des liens vers d’autres pages, des liens internes, des liens qui ne sont pas des liens. Peu importe ce que nous en faisons, ils sont l’une des composantes de base du World Wide Web (pourquoi ne l’appelle-t-on plus aussi souvent ainsi ?).
En tout cas, ceci est un post court et simple pour détailler une chose et une seule. Que faisons-nous lorsque nous voulons ouvrir un lien dans un nouvel onglet ? C’est assez facile, mais j’oublie toujours laquelle des formes suivantes cela prend :
<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>
Et voici la réponse : _blank
. Pourquoi ? Parce que _new
n’a pas de signification particulière. C’est aussi simple que cela.
<a href="https://example.com" target="_blank">Open in new Tab</a>
Je n’aurai plus jamais à faire une recherche Google pour trouver ce posttarget= »_blank » vs target= »_new » de StackOverflow.
Sur ce point, seuls _blank
, _self
, _parent
et _top
ont une signification particulière. Voir la SpecHTML pour plus de détails.
Note de sécurité
Notez simplement que si vous utilisez _blank
lorsque vous pointez vers un site web non fiable, vous devriez également ajouter rel="noopener"
également. Cela garantit que le site ouvert n’aura pas accès à la propriété opener
et donc la possibilité de trouver des informations sur votre site à partir de leur JavaScript
<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>
Il y a plus d’informations sur le site des développeurs Web de Google et à propos de rel= »noopener » par Mathias Bynens.