'target' : vide ou nouveau?

author
1 minute, 28 seconds Read
Écrit par Andrew Chilton
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.

Similar Posts

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.