French translation of the `noopener` reference (#1798)

* initial translation

* r

* initial translation

* fix few issues

* Various fixes as per @sphinxknight's review

1 files changed, 23 insertions, 0 deletions

diff --git a/files/fr/web/html/link_types/noopener/index.html b/files/fr/web/html/link_types/noopener/index.html
new file mode 100644
index 0000000000..90d47ba83c
--- /dev/null
+++ b/files/fr/web/html/link_types/noopener/index.html
@@ -0,0 +1,23 @@
+---
+title: 'Types de liens : noopener'
+slug: Web/HTML/Link_types/noopener
+browser-compat: html.elements.a.rel.noopener
+translation_of: 'Web/HTML/Link_types/noopener'
+---
+<p>Le mot-clé <strong><code>noopener</code></strong> de l'attribut <code><a href="/fr/docs/Web/HTML/Attributes/rel">rel</a></code> des éléments {{HTMLElement("a")}}, {{HTMLElement("area")}} et {{HTMLElement("form")}} indique au navigateur d'ouvrir la ressource cible sans que le nouveau contexte de navigation ne reçoive d'accès au document précédent (le moteur ne définit alors pas {{DOMxRef("Window.opener")}} sur le nouveau contexte, sa valeur sera <code>null</code>).</p>
+
+<p>Ceci est tout spécialement utile lors de l'ouverture de liens non vérifiés/fiables, afin de s'assurer qu'ils ne peuvent pas trafiquer le document d'origine via la propriété {{DOMxRef("Window.opener")}} (pour plus de détails, voir <a href="https://mathiasbynens.github.io/rel-noopener/">cet article en anglais concernant <code>rel=noopener</code></a>), tout en fournissant néanmoins l'en-tête HTTP <code>Referer</code> (à moins que <code>noreferrer</code> soit également utilisé).</p>
+
+<p>Veuillez noter que lorsque <code>noopener</code> est utilisé, les noms de cibles non vides et différents de <code>_top</code>, <code>_self</code> et <code>_parent</code> sont tous traités en tant que <code>_blank</code> pour déterminer si le lien doit s'ouvrir ou non dans un nouvel onglet/fenêtre.</p>
+
+<div class="notecard note">
+  <p><strong>Note :</strong> l'utilisation de <code>target="_blank"</code> sur des éléments <code>&lt;a&gt;</code> fournit désormais implicitement le même comportement pour l'attribut <code>rel</code> que si l'on avait utilisé <code>rel="noopener"</code>, c'est à dire l'absence de mise en place de <code>window.opener</code>. Voir la <a href="/fr/docs/Web/HTML/Element/a#browser_compatibility">compatibilité navigateur</a> pour plus d'informations sur l'implémentation actuelle dans les navigateurs.</p>
+</div>
+
+<h2 id="specifications">Spécifications</h2>
+
+<p>{{Specifications}}</p>
+
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
+
+<p>{{Compat}}</p>