mdn · cw118 · Jul 16, 2023 · Jul 15, 2023 · Jul 16, 2023 · Jul 16, 2023
@@ -211,10 +211,10 @@ Alors, facile et amusant, non ? Les éléments {{htmlelement("iframe")}} sont co
 Il y a de sérieux [problèmes de sécurité](#problèmes_de_sécurité) à prendre en considération avec \<iframe>, comme nous le verrons plus loin, mais cela ne veut pas dire que vous ne devez pas les utiliser dans vos sites Web — cela demande juste un peu de connaissance et de soin à la conception. Examinons le code un peu plus en détail. Disons que vous voulez intégrer le glossaire MDN dans une de vos pages Web — vous pourriez tenter quelque chose comme&nbsp;:
 
 ```html
-<iframe src="https://developer.mozilla.org/en-US/docs/Glossary"
+<iframe src="https://developer.mozilla.org/fr/docs/Glossary"
         width="100%" height="500" frameborder="0"
         allowfullscreen sandbox>
-  <p> <a href="https://developer.mozilla.org/en-US/docs/Glossary">
+  <p> <a href="https://developer.mozilla.org/fr/docs/Glossary">
     Lien de repli pour les navigateurs ne prenant pas en charge iframe  </a> </p>
 </iframe>
 ```
@@ -244,7 +244,7 @@ Fabricants de navigateurs et développeurs Web ont appris à la dure que `<ifram
 
 > **Note :** Le [détournement de clic](https://fr.wikipedia.org/wiki/D%C3%A9tournement_de_clic) est un type d'attaque courant par l'intermédiaire de `<iframe>`&nbsp;: les hackeurs incorporent un `<iframe>` invisible dans votre document (ou intégrent votre document dans leur propre site malveillant) et s'en servent pour capturer les interactions utilisateur. C'est un moyen courant pour tromper des utilisateurs ou voler leurs données confidentielles.
 
-Un exemple rapide d'abord - essayez de charger l'exemple précédent que nous avons montré ci-dessus dans votre navigateur - vous pouvez le [trouver en direct sur Github](http://mdn.github.io/learning-area/html/multimedia-and-embedding/other-embedding-technologies/iframe-detail.html) (voyez le [code source](https://github.com/mdn/learning-area/blob/gh-pages/html/multimedia-and-embedding/other-embedding-technologies/iframe-detail.html) aussi). Vous ne verrez rien d'affiché sur la page, et si vous regardez la _Console_ dans les [outils de développement](/fr/docs/Learn/Common_questions/What_are_browser_developer_tools) du navigateur, vous verrez un message vous disant pourquoi. Dans Firefox, ce message indique _Load denied by X-Frame-Options: "https://developer.mozilla.org/en-US/docs/Glossary" does not permit framing_ (_Chargement interdit par X-Frame-Options: "https://developer.mozilla.org/en-US/docs/Glossary" ne permet pas la mise en cadre_) . C'est parce que les développeurs qui ont construit MDN ont inclus un paramètre sur le serveur des pages du site empêchant l'intégration de ces pages sur un autre site avec `<iframe>` (voir [Configurer les directives CSP](#configurer_les_directives_csp), ci-dessous). Parfaitement sensé — il n'y a aucune raison d'intégrer une page entière de MDN dans d'autres pages, sauf à vouloir les intégrer dans votre site et les prétendre vôtres, ou bien tenter de voler des données par l'intermédiaire d'un détournement de clic, actions qui sont tous les deux des malhonnêtetés. De plus, si tout le monde se mettait à faire cela, toute la bande passante supplémentaire nécessaire commencerait à coûter un paquet d'argent à Mozilla.
+Un exemple rapide d'abord - essayez de charger l'exemple précédent que nous avons montré ci-dessus dans votre navigateur - vous pouvez le [trouver en direct sur Github](http://mdn.github.io/learning-area/html/multimedia-and-embedding/other-embedding-technologies/iframe-detail.html) (voyez le [code source](https://github.com/mdn/learning-area/blob/gh-pages/html/multimedia-and-embedding/other-embedding-technologies/iframe-detail.html) aussi). Vous ne verrez rien d'affiché sur la page, et si vous regardez la _Console_ dans les [outils de développement](/fr/docs/Learn/Common_questions/What_are_browser_developer_tools) du navigateur, vous verrez un message vous disant pourquoi. Dans Firefox, ce message indique _Load denied by X-Frame-Options: "https://developer.mozilla.org/fr/docs/Glossary" does not permit framing_ (_Chargement interdit par X-Frame-Options: "https://developer.mozilla.org/fr/docs/Glossary" ne permet pas la mise en cadre_) . C'est parce que les développeurs qui ont construit MDN ont inclus un paramètre sur le serveur des pages du site empêchant l'intégration de ces pages sur un autre site avec `<iframe>` (voir [Configurer les directives CSP](#configurer_les_directives_csp), ci-dessous). Parfaitement sensé — il n'y a aucune raison d'intégrer une page entière de MDN dans d'autres pages, sauf à vouloir les intégrer dans votre site et les prétendre vôtres, ou bien tenter de voler des données par l'intermédiaire d'un détournement de clic, actions qui sont tous les deux des malhonnêtetés. De plus, si tout le monde se mettait à faire cela, toute la bande passante supplémentaire nécessaire commencerait à coûter un paquet d'argent à Mozilla.
 
 #### N'intégrer que si nécessaire
 

@@ -80,7 +80,7 @@ const props = [
   "transition"
 ];
 
-const baseURL = "https://developer.mozilla.org/en-US/docs/Web/CSS/";
+const baseURL = "https://developer.mozilla.org/fr/docs/Web/CSS/";
 
 /*
 Return an array of SuggestResult objects,

@@ -80,7 +80,7 @@ const props = [
   "transition"
 ];
 
-const baseURL = "https://developer.mozilla.org/en-US/docs/Web/CSS/";
+const baseURL = "https://developer.mozilla.org/fr/docs/Web/CSS/";
 
 /*
 Return an array of SuggestResult objects,

@@ -276,4 +276,4 @@ Si un lien effectue l'action d'un bouton, fournir `role="button"` à l'élément
 - [Notes sur l'utilisation d'ARIA en HTML](https://www.w3.org/TR/aria-in-html/)
 - [Exemple de code officiel WAI-ARIA](https://www.w3.org/TR/wai-aria-practices/examples/button/button.html)
 - [Rôle ARIA `menubutton`](/fr/docs/Web/Accessibility/ARIA/Roles/menubutton_role)
-- [**Rôles WAI-ARIA**](/fr/docs/Web/Accessibility/ARIA/Roles){{ListSubpagesForSidebar("/en-US/docs/Web/Accessibility/ARIA/Roles")}}
+- [**Rôles WAI-ARIA**](/fr/docs/Web/Accessibility/ARIA/Roles){{ListSubpagesForSidebar("/fr/docs/Web/Accessibility/ARIA/Roles")}}
@@ -35,7 +35,7 @@ if (document.domain == mauvaisDomaine )
 ```
 
 ```js
-// Pour l'URI https://developer.mozilla.org/en-US/docs/Web, ce qui
+// Pour l'URI https://developer.mozilla.org/fr/docs/Web, ce qui
 // suit définit le domaine comme étant la chaîne "developer.mozilla.org"
 var domaine = document.domain;
 ```

@@ -27,7 +27,7 @@ L’évènement **`transitionend`** est émis quand une [transition CSS](/fr/doc
       <th>Propriété gestionnaire d’évènement</th>
       <td>
         <code
-          ><a href="/en-US/docs/Web/API/GlobalEventHandlers/ontransitionend"
+          ><a href="/fr/docs/Web/API/GlobalEventHandlers/ontransitionend"
             >ontransitionend</a
           ></code
         >

@@ -14,7 +14,7 @@ translation_of: Web/API/ExtendableMessageEvent/lastEventId
 
 {{APIRef("Service Workers API")}}{{SeeCompatTable}}
 
-La propriété en lecture seule **`lastEventID`** de l'interface {{domxref("ExtendableMessageEvent")}} représente, dans [les évenements envoyés par lle serveur](/fr/docs/Web/API/en-US/docs/Server-sent_events/Using_server-sent_events), le dernier ID de l'évenement source.
+La propriété en lecture seule **`lastEventID`** de l'interface {{domxref("ExtendableMessageEvent")}} représente, dans [les évenements envoyés par lle serveur](/fr/docs/Web/API/Server-sent_events/Using_server-sent_events), le dernier ID de l'évenement source.
 
 ## Syntaxe
 

@@ -46,7 +46,7 @@ _Méthodes héritées de son parent,_ _{{domxref("HTMLElement")}}._
         <code>"webgl"</code>) renvoie un objet
         {{domxref("WebGLRenderingContext")}} . Ce dernier contexte
         n'est disponible que dans les navigateur qui implémentent
-        <a href="/en-US/docs/Web/WebGL">WebGL</a>.
+        <a href="/fr/docs/Web/WebGL">WebGL</a>.
       </td>
     </tr>
     <tr>

@@ -57,7 +57,7 @@ objectStore.createIndex(nomIndex, nomCle, parametresIndexOptionnel);
               opérations de tri effectuées sur les données via des intervalle de clé
               obéirons aux règles locales de tri (voir
               <a
-                href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB#Locale-aware_sorting"
+                href="/fr/docs/Web/API/IndexedDB_API/Using_IndexedDB#Locale-aware_sorting"
                 >trie dans localisation courante</a
               >, en). Vous pouvez spécifier sa valeur de trois façons différentes:
             </p>

@@ -34,7 +34,7 @@ object.assign(url);
 
 ```js
 // Navigue vers l'article Location.reload
-document.location.assign('https://developer.mozilla.org/en-US/docs/Web/API/Location.reload');
+document.location.assign('https://developer.mozilla.org/fr/docs/Web/API/Location.reload');
 ```
 
 ## Spécifications

@@ -32,7 +32,7 @@ object.replace(url);
 
 ```js
 // Navigue vers l'article Location.reload en remplaçant la page actuelle
-document.location.replace('https://developer.mozilla.org/en-US/docs/Web/API/Location.reload');
+document.location.replace('https://developer.mozilla.org/fr/docs/Web/API/Location.reload');
 ```
 
 ## Spécifications

@@ -22,7 +22,7 @@ _Hérite des méthodes de son interface parente, [`EventTarget`](/fr/docs/Web/AP
 - [`enumerateDevices()`](/fr/docs/Web/API/MediaDevices/enumerateDevices)
   - : Fournit un tableau d'informations sur les appareils média (en entrée et en sortie) disponibles sur le système.
 - [`getSupportedConstraints()`](/fr/docs/Web/API/MediaDevices/getSupportedConstraints)
-  - : Renvoie un objet dont le format respecte [`MediaTrackSupportedConstraints`](/fr/docs/Web/API/MediaTrackSupportedConstraints) et qui indique les propriétés contraintes qui sont prises en charge par l'interface [`MediaStreamTrack`](/fr/docs/Web/API/MediaStreamTrack). Voir [l'API <i lang="en">Media Streams</i>](/en-US/docs/Web/API/Media_Capture_and_Streams_API/Constraints) pour en savoir plus à propos des contraintes et leur utilisation.
+  - : Renvoie un objet dont le format respecte [`MediaTrackSupportedConstraints`](/fr/docs/Web/API/MediaTrackSupportedConstraints) et qui indique les propriétés contraintes qui sont prises en charge par l'interface [`MediaStreamTrack`](/fr/docs/Web/API/MediaStreamTrack). Voir [l'API <i lang="en">Media Streams</i>](/fr/docs/Web/API/Media_Capture_and_Streams_API/Constraints) pour en savoir plus à propos des contraintes et leur utilisation.
 - [`getDisplayMedia()`](/fr/docs/Web/API/MediaDevices/getDisplayMedia)
   - : Demande à la personne de sélectionner un affichage ou une portion d'un affichage (par exemple une fenêtre) pour le/la capturer comme [`MediaStream`](/fr/docs/Web/API/MediaStream) à des fins de partage ou d'enregistrement. Cette méthode renvoie une promesse qui se résout en `MediaStream`.
 - [`getUserMedia()`](/fr/docs/Web/API/MediaDevices/getUserMedia)
@@ -83,7 +83,7 @@ navigator.mediaDevices.getUserMedia(constraints)
 
 ## Voir aussi
 
-- [L'API de capture et des flux multimédia](/en-US/docs/Web/API/Media_Capture_and_Streams_API)&nbsp;: l'API à laquelle appartient cette interface.
-- [L'API de capture d'écran](/en-US/docs/Web/API/Screen_Capture_API)&nbsp;: l'API qui définit la méthode [`getDisplayMedia()`](/fr/docs/Web/API/MediaDevices/getDisplayMedia).
-- [L'API WebRTC](/en-US/docs/Web/API/WebRTC_API)
+- [L'API de capture et des flux multimédia](/fr/docs/Web/API/Media_Capture_and_Streams_API)&nbsp;: l'API à laquelle appartient cette interface.
+- [L'API de capture d'écran](/fr/docs/Web/API/Screen_Capture_API)&nbsp;: l'API qui définit la méthode [`getDisplayMedia()`](/fr/docs/Web/API/MediaDevices/getDisplayMedia).
+- [L'API WebRTC](/fr/docs/Web/API/WebRTC_API)
 - [`Navigator.mediaDevices`](/fr/docs/Web/API/Navigator/mediaDevices) qui fournit une référence à un objet `MediaDevices` permettant d'accéder aux appareils.
@@ -107,28 +107,28 @@ The table below summarises which algorithms are suitable for which cryptographic
     <tr>
       <th scope="row"></th>
       <th scope="col">
-        <p><a href="/en-US/docs/Web/API/SubtleCrypto/sign">sign()</a></p>
-        <p><a href="/en-US/docs/Web/API/SubtleCrypto/verify">verify()</a></p>
+        <p><a href="/fr/docs/Web/API/SubtleCrypto/sign">sign()</a></p>
+        <p><a href="/fr/docs/Web/API/SubtleCrypto/verify">verify()</a></p>
       </th>
       <th scope="col">
-        <p><a href="/en-US/docs/Web/API/SubtleCrypto/encrypt">encrypt()</a></p>
-        <p><a href="/en-US/docs/Web/API/SubtleCrypto/decrypt">decrypt()</a></p>
+        <p><a href="/fr/docs/Web/API/SubtleCrypto/encrypt">encrypt()</a></p>
+        <p><a href="/fr/docs/Web/API/SubtleCrypto/decrypt">decrypt()</a></p>
       </th>
       <th scope="col">
-        <a href="/en-US/docs/Web/API/SubtleCrypto/digest">digest()</a>
+        <a href="/fr/docs/Web/API/SubtleCrypto/digest">digest()</a>
       </th>
       <th scope="col">
         <p>
-          <a href="/en-US/docs/Web/API/SubtleCrypto/deriveBits">deriveBits()</a>
+          <a href="/fr/docs/Web/API/SubtleCrypto/deriveBits">deriveBits()</a>
         </p>
         <p>
-          <a href="/en-US/docs/Web/API/SubtleCrypto/deriveKey">deriveKey()</a>
+          <a href="/fr/docs/Web/API/SubtleCrypto/deriveKey">deriveKey()</a>
         </p>
       </th>
       <th scope="col">
-        <p><a href="/en-US/docs/Web/API/SubtleCrypto/wrapKey">wrapKey()</a></p>
+        <p><a href="/fr/docs/Web/API/SubtleCrypto/wrapKey">wrapKey()</a></p>
         <p>
-          <a href="/en-US/docs/Web/API/SubtleCrypto/unwrapKey">unwrapKey()</a>
+          <a href="/fr/docs/Web/API/SubtleCrypto/unwrapKey">unwrapKey()</a>
         </p>
       </th>
     </tr>

@@ -32,7 +32,7 @@ Un {{domxref("USVString")}}.
 ## Exemples
 
 ```js
-var url = new URL('https://developer.mozilla.org/en-US/docs/Web/API/URL/href#Examples');
+var url = new URL('https://developer.mozilla.org/fr/docs/Web/API/URL/href#Examples');
 url.hash // Returns '#Examples'
 ```
 

@@ -30,7 +30,7 @@ Un {{domxref("USVString")}}.
 ## Exemples
 
 ```js
-var url = new URL('https://developer.mozilla.org/en-US/docs/Web/API/URL/protocol');
+var url = new URL('https://developer.mozilla.org/fr/docs/Web/API/URL/protocol');
 var result = url.protocol; // Retourne:"https:"
 ```
 

@@ -32,7 +32,7 @@ Un {{domxref("USVString")}}.
 ## Exemples
 
 ```js
-var url = new URL('https://developer.mozilla.org/en-US/docs/Web/API/URL/search?q=123');
+var url = new URL('https://developer.mozilla.org/fr/docs/Web/API/URL/search?q=123');
 var queryString = url.search; // Retourne:"?q=123"
 ```
 

@@ -33,7 +33,7 @@ A {{domxref("USVString")}}.
 ## Exemples
 
 ```js
-const url = new URL("https://developer.mozilla.org/en-US/docs/Web/API/URL/toString");
+const url = new URL("https://developer.mozilla.org/fr/docs/Web/API/URL/toString");
 url.toJSON()
 ```
 

@@ -33,7 +33,7 @@ Un {{domxref("USVString")}}.
 ## Examples
 
 ```js
-const url = new URL("https://developer.mozilla.org/en-US/docs/Web/API/URL/toString");
+const url = new URL("https://developer.mozilla.org/fr/docs/Web/API/URL/toString");
 url.toString() // doit retourner l'URL en tant que chaîne
 ```
 

@@ -29,7 +29,7 @@ L'événement `message` est déclenché sur un objet {{domxref('Window')}} lorsq
       <th scope="row">Propriété de gestionnaire d'événements</th>
       <td>
         <code
-          ><a href="/en-US/docs/Web/API/WindowEventHandlers/onmessage"
+          ><a href="/fr/docs/Web/API/WindowEventHandlers/onmessage"
             >onmessage</a
           ></code
         >

@@ -32,7 +32,7 @@ L'événement **`vrdisplayconnect`** de l'[API WebVR](/fr/docs/Web/API/WebVR_API
       <th scope="row">Propriété de gestionnaire d'événements</th>
       <td>
         <code
-          ><a href="/en-US/docs/Web/API/Window/onvrdisplayconnect"
+          ><a href="/fr/docs/Web/API/Window/onvrdisplayconnect"
             >onvrdisplayconnect</a
           ></code
         >

@@ -32,7 +32,7 @@ L'événement **`vrdisplaydisconnect`** de l'[API WebVR](/fr/docs/Web/API/WebVR_
       <th scope="row">Propriété de gestionnaire d'événements</th>
       <td>
         <code
-          ><a href="/en-US/docs/Web/API/Window/onvrdisplaydisconnect"
+          ><a href="/fr/docs/Web/API/Window/onvrdisplaydisconnect"
             >onvrdisplaydisconnect</a
           ></code
         >

@@ -32,7 +32,7 @@ L'événement **`vrdisplaypresentchange`** de l'[API WebVR](/fr/docs/Web/API/Web
       <th scope="row">Propriété de gestionnaire d'événements</th>
       <td>
         <code
-          ><a href="/en-US/docs/Web/API/Window/onvrdisplaypresentchange"
+          ><a href="/fr/docs/Web/API/Window/onvrdisplaypresentchange"
             >onvrdisplaypresentchange</a
           ></code
         >

@@ -148,7 +148,7 @@ Les fonctionnalités « mode lecture » d'un navigateur vérifient la présence
         Le rôle <code>main</code> est appliqué à <code>&#x3C;main></code> par
         défaut, et le rôle <code
           ><a
-            href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_presentation_role"
+            href="https://developer.mozilla.org/fr/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_presentation_role"
             >presentation</a
           ></code
         > est également autorisé.

@@ -159,4 +159,4 @@ Fonctionnalité ajoutée dans Firefox 16 et retirée dans Firefox 49.
 
 - [Les attributs universels](/fr/docs/Web/HTML/Global_attributes)
 
-{{QuickLinksWithSubpages("/en-US/docs/Web/HTML")}}
+{{QuickLinksWithSubpages("/fr/docs/Web/HTML")}}
@@ -167,7 +167,7 @@ Le microformat [h-entry](http://microformats.org/wiki/h-entry) représente un co
   <p><span class="p-author h-card">
     <a href="https://quickthoughts.jgregorymcverry.com/profile/jgmac1106" ><img class="u-photo" src="https://quickthoughts.jgregorymcverry.com/file/2d6c9cfed7ac8e849f492b5bc7e6a630/thumb.jpg"/></a>
     <a class="p-name u-url" href="https://quickthoughts.jgregorymcverry.com/profile/jgmac1106">Greg McVerry</a></span>
-     Replied to <a class="u-in-reply-to" href="https://developer.mozilla.org/en-US/docs/Web/HTML/microformats">a post on
+     Replied to <a class="u-in-reply-to" href="https://developer.mozilla.org/fr/docs/Web/HTML/microformats">a post on
    <strong>developer.mozilla.org</strong> </a>:
   </p>
    <p class="p-name e-content">Hey thanks for making this microformats resource</p>
@@ -183,7 +183,7 @@ Le microformat [h-entry](http://microformats.org/wiki/h-entry) représente un co
     {
       "type": [ "h-entry" ],
       "properties": {
-        "in-reply-to": [ "https://developer.mozilla.org/en-US/docs/Web/HTML/microformats" ],
+        "in-reply-to": [ "https://developer.mozilla.org/fr/docs/Web/HTML/microformats" ],
         "name": [ "Hey thanks for making this microformats resource" ],
         "url": [ "https://quickthoughts.jgregorymcverry.com/2019/05/31/hey-thanks-for-making-this-microformats-resource" ],
         "published": [ "2019-05-31T14:19:09+0000" ],

@@ -95,7 +95,7 @@ Ces deux URNs correspondent :
 ## Exemples
 
 ```
-https://developer.mozilla.org/en-US/docs/Learn
+https://developer.mozilla.org/fr/docs/Learn
 tel:+1-816-555-1212
 git@github.com:mdn/browser-compat-data.git
 ftp://example.org/resource.txt

@@ -317,7 +317,7 @@ const metadata = {
         title: "JavaScript-Umgebung"
        }
     ],
-    url: "/en-US/docs/Tools/Scratchpad"
+    url: "/fr/docs/Tools/Scratchpad"
 };
 
 let { title: englishTitle, translations: [{ title: localeTitle }] } = metadata;

@@ -4,7 +4,7 @@ slug: Web/Manifest/theme_color
 translation_of: Web/Manifest/theme_color
 ---
 
-{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}
+{{QuickLinksWithSubpages("/fr/docs/Web/Manifest")}}
 
 <table>
   <tbody>

@@ -291,4 +291,4 @@ Dans le prochain article, nous regarderons plus en détail comment l'app shell e
 
 {{PreviousMenuNext("Web/Apps/Progressive/Introduction", "Web/Apps/Progressive/Offline_Service_workers", "Web/Apps/Progressive")}}
 
-{{QuickLinksWithSubpages("/en-US/docs/Web/Progressive_web_apps/")}}
+{{QuickLinksWithSubpages("/fr/docs/Web/Progressive_web_apps/")}}