From 110a7a1592789759f0f427f40856899ea2c3cfd7 Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Wed, 14 Jul 2021 10:39:25 +0200 Subject: fixes fr #1440 (#1448) * fixes #1440 for fr * UPDT: Update Backgrounds_and_borders * UPDT: Update The_web_and_web_standards * UPDT: Update First_steps/Arrays * UPDT: Update First_steps/Math * UPDT: Update Silly_story_generator * UPDT: Update Django/development_environment * UPDT: Update Client-side_JavaScript_frameworks * UPDT: Update Command_line * UPDT: Update API/tabs * RMV: Removing tags * UPDT: Cleanup html of Add-ons/WebExtensions * UPDT: Fix flaws on WebExtensions/Native_messaging * FIX: Fix flaws on Accessibility_inspector/Simulation * UPDT: Html cleanup on Color_contrast * UPDT: Mega html cleanup for Document_Object_Model/Introduction * FIX: Fix flaws for API/Element * UPDT: Update BCD * FIX: Wrong link lang * UPDT: Fix flaws/links * FIX: Img flaws and link lang * FIX: links error and html * UPDT: Links and cleanup html * FIX: link lang * FIX: link lang * FIX: broken example * FIX: fix broken example and html Co-authored-by: tristantheb --- .../perceivable/color_contrast/index.html | 34 +- files/fr/web/api/console_api/index.html | 8 +- .../document_object_model/introduction/index.html | 249 ++++------- files/fr/web/api/element/index.html | 490 +++++++++------------ files/fr/web/api/eventtarget/index.html | 48 +- files/fr/web/api/formdata/has/index.html | 6 +- files/fr/web/api/formdata/keys/index.html | 6 +- files/fr/web/api/notification/actions/index.html | 2 +- files/fr/web/api/notification/body/index.html | 2 +- files/fr/web/api/notification/close/index.html | 2 +- files/fr/web/api/notification/data/index.html | 2 +- files/fr/web/api/notification/dir/index.html | 2 +- files/fr/web/api/notification/icon/index.html | 2 +- files/fr/web/api/notification/image/index.html | 2 +- files/fr/web/api/notification/index.html | 6 +- files/fr/web/api/notification/lang/index.html | 2 +- .../fr/web/api/notification/maxactions/index.html | 2 +- .../web/api/notification/notification/index.html | 72 ++- files/fr/web/api/notification/onclose/index.html | 2 +- files/fr/web/api/notification/onerror/index.html | 2 +- files/fr/web/api/notification/onshow/index.html | 2 +- files/fr/web/api/notification/renotify/index.html | 2 +- .../api/notification/requestpermission/index.html | 4 +- .../api/notification/requireinteraction/index.html | 2 +- files/fr/web/api/notification/silent/index.html | 2 +- files/fr/web/api/notification/tag/index.html | 2 +- files/fr/web/api/notification/timestamp/index.html | 2 +- files/fr/web/api/notification/title/index.html | 2 +- files/fr/web/api/notification/vibrate/index.html | 4 +- files/fr/web/api/notifications_api/index.html | 8 +- .../shownotification/index.html | 12 +- .../http/cors/errors/corsrequestnothttp/index.html | 10 +- files/fr/web/http/headers/cache-control/index.html | 12 +- .../web/http/headers/content-language/index.html | 4 +- .../frame-ancestors/index.html | 8 +- .../headers/content-security-policy/index.html | 4 +- files/fr/web/http/headers/index.html | 2 +- files/fr/web/http/methods/trace/index.html | 2 +- .../classes/private_class_fields/index.html | 2 +- .../classes/public_class_fields/index.html | 2 +- files/fr/web/svg/element/ellipse/index.html | 2 +- files/fr/web/svg/element/pattern/index.html | 122 +++-- files/fr/web/svg/element/polygon/index.html | 60 +-- files/fr/web/web_components/index.html | 2 +- 44 files changed, 497 insertions(+), 718 deletions(-) (limited to 'files/fr/web') diff --git a/files/fr/web/accessibility/understanding_wcag/perceivable/color_contrast/index.html b/files/fr/web/accessibility/understanding_wcag/perceivable/color_contrast/index.html index 8b3578c121..32d2c8465d 100644 --- a/files/fr/web/accessibility/understanding_wcag/perceivable/color_contrast/index.html +++ b/files/fr/web/accessibility/understanding_wcag/perceivable/color_contrast/index.html @@ -10,7 +10,7 @@ original_slug: Web/Accessibility/Understanding_WCAG/Perceivable/Contraste_de_la_ ---

Le contraste de la couleur entre l'arrière-plan et le contenu de premier-plan (qui est en général du texte) doit être assez prononcé pour assurer la lisibilité.

-

Lors de la conception d'interfaces lisibles pour différentes capacités de vision, les directives WCAG recommandent les rapports de contraste suivants:

+

Lors de la conception d'interfaces lisibles pour différentes capacités de vision, les directives WCAG recommandent les rapports de contraste suivants:

@@ -32,24 +32,24 @@ original_slug: Web/Accessibility/Understanding_WCAG/Perceivable/Contraste_de_la_ - +
4.5 : 1
Composants d'interface utilisateur actifs et objets graphiques tels que des icônes et des graphiquesComposants d'interface utilisateur actifs et objets graphiques tels que des icônes et des graphiques 3 : 1 Non défini
-

Ces ratios ne s'appliquent pas au texte "accessoire", comme les contrôles inactifs, les logotypes ou le texte purement décoratif.

+

Ces ratios ne s'appliquent pas au texte "accessoire", comme les contrôles inactifs, les logotypes ou le texte purement décoratif.

Voir la section {{anch("Solution")}} ci-dessous pour plus d'informations.

-

Un bon contraste des couleurs sur votre site profite à tous vos utilisateurs, mais celà est particulièrement intéressant pour les utilisateurs souffrant de certains types de daltonisme et d'autres particularités similaires, qui rencontrent un faible contraste et ont du mal à faire la différence entre des couleurs proches. En effet, ces utilisateurs ne voient pas les zones claires et sombres aussi facilement que ceux sans ces particularités et ont donc du mal à voir les bords, les bordures et d'autres détails.

+

Un bon contraste des couleurs sur votre site profite à tous vos utilisateurs, mais celà est particulièrement intéressant pour les utilisateurs souffrant de certains types de daltonisme et d'autres particularités similaires, qui rencontrent un faible contraste et ont du mal à faire la différence entre des couleurs proches. En effet, ces utilisateurs ne voient pas les zones claires et sombres aussi facilement que ceux sans ces particularités et ont donc du mal à voir les bords, les bordures et d'autres détails.

-

C'est bien d'avoir un design cool sur votre site, mais le design ne vaut rien si vos utilisateurs ne peuvent pas lire votre contenu.

+

C'est bien d'avoir un design cool sur votre site, mais le design ne vaut rien si vos utilisateurs ne peuvent pas lire votre contenu.

Exemples

-

Jetons un coup d'œil à du code HTML et CSS assez simple:

+

Jetons un coup d'œil à du code HTML et CSS assez simple:

<div class="bon">Bon contraste</div>
 <div class="mauvais">Mauvais contraste</div>
@@ -66,7 +66,7 @@ original_slug: Web/Accessibility/Understanding_WCAG/Perceivable/Contraste_de_la_ background-color: #400064; } -

Les deux textes ont leur couleur noire par défaut. La "bonne" <div> a un fond violet clair, ce qui rend le texte facile à lire:

+

Les deux textes ont leur couleur noire par défaut. La "bonne" <div> a un fond violet clair, ce qui rend le texte facile à lire:

-

Note: Safari utilise toujours la syntaxe de function de rappel (callback ) pour obtenir l'autorisation. Lisez Utilisation de l'API Notifications pour un bon exemple de la fonctionnalité de détection et d'exécution du code le cas échéant.

+

Note: Safari utilise toujours la syntaxe de function de rappel (callback ) pour obtenir l'autorisation. Lisez Utilisation de l'API Notifications pour un bon exemple de la fonctionnalité de détection et d'exécution du code le cas échéant.

La méthode requestPermission() de l'interface {{domxref ("Notification")}} demande l'autorisation à l'utilisateur pour l'origine actuelle d'afficher des notifications.

@@ -115,5 +115,5 @@ translation_of: Web/API/Notification/requestPermission

Voir également

diff --git a/files/fr/web/api/notification/requireinteraction/index.html b/files/fr/web/api/notification/requireinteraction/index.html index df26718bb8..d598a97269 100644 --- a/files/fr/web/api/notification/requireinteraction/index.html +++ b/files/fr/web/api/notification/requireinteraction/index.html @@ -48,5 +48,5 @@ translation_of: Web/API/Notification/requireInteraction

Voir également

diff --git a/files/fr/web/api/notification/silent/index.html b/files/fr/web/api/notification/silent/index.html index bfd9a16b50..5452c77398 100644 --- a/files/fr/web/api/notification/silent/index.html +++ b/files/fr/web/api/notification/silent/index.html @@ -50,5 +50,5 @@ translation_of: Web/API/Notification/silent

Voir également

diff --git a/files/fr/web/api/notification/tag/index.html b/files/fr/web/api/notification/tag/index.html index 38a7683588..7794c70e61 100644 --- a/files/fr/web/api/notification/tag/index.html +++ b/files/fr/web/api/notification/tag/index.html @@ -51,5 +51,5 @@ translation_of: Web/API/Notification/tag

Voir également

diff --git a/files/fr/web/api/notification/timestamp/index.html b/files/fr/web/api/notification/timestamp/index.html index 28625dfc53..ca54bf330c 100644 --- a/files/fr/web/api/notification/timestamp/index.html +++ b/files/fr/web/api/notification/timestamp/index.html @@ -50,5 +50,5 @@ translation_of: Web/API/Notification/timestamp

Voir également

diff --git a/files/fr/web/api/notification/title/index.html b/files/fr/web/api/notification/title/index.html index 7b046666cf..40edbb0790 100644 --- a/files/fr/web/api/notification/title/index.html +++ b/files/fr/web/api/notification/title/index.html @@ -48,5 +48,5 @@ translation_of: Web/API/Notification/title

Voir également

diff --git a/files/fr/web/api/notification/vibrate/index.html b/files/fr/web/api/notification/vibrate/index.html index cd3527b56d..f9945d7c8a 100644 --- a/files/fr/web/api/notification/vibrate/index.html +++ b/files/fr/web/api/notification/vibrate/index.html @@ -24,7 +24,7 @@ translation_of: Web/API/Notification/vibrate

Valeur

-

Un modèle de vibration, tel que spécifié dans la spécification de l'{{domxref ("Vibration_API", "Api de Vibration")}}.

+

Un modèle de vibration, tel que spécifié dans la spécification de l'{{domxref ("Vibration_API", "Api de Vibration")}}.

Spécifications

@@ -50,5 +50,5 @@ translation_of: Web/API/Notification/vibrate

Voir également

diff --git a/files/fr/web/api/notifications_api/index.html b/files/fr/web/api/notifications_api/index.html index f0b8fdfd0b..1a5dc8eb8e 100644 --- a/files/fr/web/api/notifications_api/index.html +++ b/files/fr/web/api/notifications_api/index.html @@ -27,7 +27,7 @@ translation_of: Web/API/Notifications_API

Cela créera une boîte de dialogue, proche de cette apparence:

-

+

De là, l'utilisateur peut choisir d'autoriser les notifications de cette origine ou de les bloquer. Une fois le choix effectué, le paramètre persistera généralement pour la session en cours.

@@ -37,10 +37,10 @@ translation_of: Web/API/Notifications_API

Ensuite, une nouvelle notification est créée à l'aide du constructeur {{domxref ("Notification.Notification", "Notification ()")}}. Auquel on doit passé un titre en argument et il peut éventuellement recevoir un objet d'options pour personnalisés la notification, telles que la direction du texte, le corps du texte, l'icône à afficher, le son de notification à lire, etc.

-

En outre, la spécification de l'API Notifications spécifie un certain nombre d'ajouts à l'API ServiceWorker, pour permettre aux service worker de déclencher des notifications.

+

En outre, la spécification de l'API Notifications spécifie un certain nombre d'ajouts à l'API ServiceWorker, pour permettre aux service worker de déclencher des notifications.

-

Note: Pour en savoir plus sur l'utilisation des notifications dans votre propre application, lisez Utilisation de l'API Notifications.

+

Note: Pour en savoir plus sur l'utilisation des notifications dans votre propre application, lisez Utilisation de l'API Notifications.

Les interfaces de Notifications

@@ -87,5 +87,5 @@ translation_of: Web/API/Notifications_API

Voir également

diff --git a/files/fr/web/api/serviceworkerregistration/shownotification/index.html b/files/fr/web/api/serviceworkerregistration/shownotification/index.html index 9568f1894c..d65ab4a999 100644 --- a/files/fr/web/api/serviceworkerregistration/shownotification/index.html +++ b/files/fr/web/api/serviceworkerregistration/shownotification/index.html @@ -17,12 +17,12 @@ translation_of: Web/API/ServiceWorkerRegistration/showNotification

La méthode showNotification() de l'interface {{domxref("ServiceWorkerRegistration")}} crée une notification dans un service worker actif.

-

Note: Cette fonctionnalité est disponible dans les Web Workers.

+

Note: Cette fonctionnalité est disponible dans les Web Workers.

Syntaxe

-
​serviceWorkerRegistration.showNotification(title, [options])
+
​serviceWorkerRegistration.showNotification(title, [options])

Paramètres

@@ -34,7 +34,7 @@ translation_of: Web/API/ServiceWorkerRegistration/showNotification @@ -62,7 +62,7 @@ translation_of: Web/API/ServiceWorkerRegistration/showNotification

Exemples

-
navigator.serviceWorker.register('sw.js')
+
navigator.serviceWorker.register('sw.js')
 
 function showNotification() {
   Notification.requestPermission((result) => {
diff --git a/files/fr/web/http/cors/errors/corsrequestnothttp/index.html b/files/fr/web/http/cors/errors/corsrequestnothttp/index.html
index 62c13d99d3..640ac4c7b4 100644
--- a/files/fr/web/http/cors/errors/corsrequestnothttp/index.html
+++ b/files/fr/web/http/cors/errors/corsrequestnothttp/index.html
@@ -19,13 +19,13 @@ translation_of: Web/HTTP/CORS/Errors/CORSRequestNotHttp
 
 
Raison

 
-
 Raison : la requête CORS n’utilise pas http.

+
Raison : la requête CORS n’utilise pas http.

 
 
Qu'est ce qui n'a pas fonctionné ?

 
 
Les requêtes {{Glossary("CORS")}} ne peuvent utiliser que les URL HTTPS, mais l'URL spécifiée par la requête est d'un type différent. Cela se produit souvent si l'URL spécifie un fichier local, en utilisant un URL de la forme file:///.

 
-
Pour résoudre ce problème, assurez-vous simplement d'utiliser les URL HTTPS lorsque vous émettez des requêtes impliquant CORS , comme {{domxref("XMLHttpRequest")}}, Fetch APIs, Web Fonts (@font-face), WebGL textures, et des stylesheets XSL.

+
Pour résoudre ce problème, assurez-vous simplement d'utiliser les URL HTTPS lorsque vous émettez des requêtes impliquant CORS , comme {{domxref("XMLHttpRequest")}}, Fetch APIs, Web Fonts (@font-face), WebGL textures, et des stylesheets XSL.

 
 
Sécurité des fichiers locaux dans Firefox 68

 
@@ -36,8 +36,8 @@ translation_of: Web/HTTP/CORS/Errors/CORSRequestNotHttp
 
Voir aussi

 
 
diff --git a/files/fr/web/http/headers/cache-control/index.html b/files/fr/web/http/headers/cache-control/index.html
index ae9d7bc85e..254df474ee 100644
--- a/files/fr/web/http/headers/cache-control/index.html
+++ b/files/fr/web/http/headers/cache-control/index.html
@@ -84,14 +84,14 @@ Cache-Control: stale-if-error=<seconds>
 
Une réponse est normalement mise en cache par le navigateur si

 
 
@@ -149,7 +149,7 @@ Cache-Control: stale-if-error=<seconds>
  
no-transform

  
Aucune conversion ou transformation ne devraient être réalisée sur la ressource. Ainsi, les en-tête Content-Encoding, Content-Range et Content-Type ne devraient jamais être modifiés par un proxy (serveur mandataire). Un proxy non-transparent pourrait, en l'absence de cet en-tête, convertir ou compresser (avec pertes) des images pour réduire la place occupée en cache ou diminuer le volume de données à transférer sur un lien lent.

  
only-if-cached

- 
Réglé par le client pour indiquer "ne pas utiliser le réseau" pour la réponse. Le cache doit soit répondre en utilisant une réponse stockée, soit répondre avec un code d'état 504. Les en-têtes conditionnels tels que If-None-Match ne doivent pas être définis. Il n'y a aucun effet si only-if-cached est défini par un serveur dans le cadre d'une réponse.

+ 
Réglé par le client pour indiquer "ne pas utiliser le réseau" pour la réponse. Le cache doit soit répondre en utilisant une réponse stockée, soit répondre avec un code d'état 504. Les en-têtes conditionnels tels que If-None-Match ne doivent pas être définis. Il n'y a aucun effet si only-if-cached est défini par un serveur dans le cadre d'une réponse.

 
 
 
Exemples

@@ -231,7 +231,7 @@ Cache-Control: no-cache, max-age=0, stale-while-revalidate=300
 
Voir aussi

 
 
diff --git a/files/fr/web/http/headers/content-security-policy/frame-ancestors/index.html b/files/fr/web/http/headers/content-security-policy/frame-ancestors/index.html
index 1417d96bb9..c512933db4 100644
--- a/files/fr/web/http/headers/content-security-policy/frame-ancestors/index.html
+++ b/files/fr/web/http/headers/content-security-policy/frame-ancestors/index.html
@@ -57,7 +57,7 @@ Content-Security-Policy: frame-ancestors <source> <source>;
 
 

  
<host-source>

- 
Des hôtes Internet par leur nom de domaine ou adresse IP, aussi bien qu'un protocole et/ou un numéro de port. L'adresse du site peut inclure un caractère de remplacement optionnel (l'astérisque '*'), qui ne peut être utilisée que pour indiquer un sous-domaine ou que tous les ports existants sont des sources valides. Vous ne devez pas mettre de guillemets simples.

+ 
Des hôtes Internet par leur nom de domaine ou adresse IP, aussi bien qu'un protocole et/ou un numéro de port. L'adresse du site peut inclure un caractère de remplacement optionnel (l'astérisque '*'), qui ne peut être utilisée que pour indiquer un sous-domaine ou que tous les ports existants sont des sources valides. Vous ne devez pas mettre de guillemets simples.

  Exemples :
  
    
   
  • http://*.example.com: correspondra à toutes les tentatives d'accès pour tous les sous-domaines de example.com via le protocole http:.
    • 
@@ -73,9 +73,9 @@ Content-Security-Policy: frame-ancestors <source> <source>;
  
    Un protocole tel que http: or https:. Les deux-points sont nécessaires et vous ne devez pas mettre de guillemets. Vous pouvez aussi spécifier des schémas de données bien que ce ne soit pas recommandé.
  
      
   
    • data: Autorise les URI data: à être utilisées comme source de contenu. Cette pratique manque de sécurité ; une personne malveillante peut aussi injecter des URI data: arbitraires. Utilisez cette valeur avec parcimonie et certainement pas pour des scripts.
      • 
-  
    • mediastream: permet aux URI mediastream: d'être utilisées comme source de contenu.
      • 
-  
    • blob: permet aux URI blob: d'être utilisées comme source de contenu.
      • 
-  
    • filesystem: Allows URI filesystem: d'être utilisées comme source de contenu.
      • 
+  
    • mediastream: permet aux URI mediastream: d'être utilisées comme source de contenu.
      • 
+  
    • blob: permet aux URI blob: d'être utilisées comme source de contenu.
      • 
+  
    • filesystem: Allows URI filesystem: d'être utilisées comme source de contenu.
      • 
  
    
  
    
  
    'self'
    
diff --git a/files/fr/web/http/headers/content-security-policy/index.html b/files/fr/web/http/headers/content-security-policy/index.html
index 4d4a843a19..4ffcff7b78 100644
--- a/files/fr/web/http/headers/content-security-policy/index.html
+++ b/files/fr/web/http/headers/content-security-policy/index.html
@@ -124,11 +124,11 @@ translation_of: Web/HTTP/Headers/Content-Security-Policy
 

 
 

-
Bien que la directive report-to est prévue remplacer la directive report-uri maintenant dépréciée, report-to n'est pas encore supportée par la plupart des navigateurs modernes. Par rétrocompatibilité avec les navigateurs courants et tout en prévoyant une compatibilité future quand les navigateurs supporteront report-to, vous pouvez spécifier les deux directives report-uri et report-to:

+
Bien que la directive report-to est prévue remplacer la directive report-uri maintenant dépréciée, report-to n'est pas encore supportée par la plupart des navigateurs modernes. Par rétrocompatibilité avec les navigateurs courants et tout en prévoyant une compatibilité future quand les navigateurs supporteront report-to, vous pouvez spécifier les deux directives report-uri et report-to:

 
 
Content-Security-Policy: ...; report-uri https://endpoint.com; report-to groupname

 
-
Dans les navigateurs qui supportent report-to, la directive report-uri sera ignorée.

+
Dans les navigateurs qui supportent report-to, la directive report-uri sera ignorée.

 

 
 

diff --git a/files/fr/web/http/headers/index.html b/files/fr/web/http/headers/index.html
index a493fb6715..95bcc91ab5 100644
--- a/files/fr/web/http/headers/index.html
+++ b/files/fr/web/http/headers/index.html
@@ -321,7 +321,7 @@ translation_of: Web/HTTP/Headers
  
{{HTTPHeader("X-Frame-Options")}} (XFO)

  
indique si un navigateur doit être autorisé à afficher une page dans un {{HTMLElement("frame")}}, {{HTMLElement("iframe")}} ou {{HTMLElement("object")}}.

  
{{HTTPHeader("X-Permitted-Cross-Domain-Policies")}}

- 
Sépcifie si un fichier de règlementation interdomaines (crossdomain.xml) est autorisé. Ce fichier peut définir une règle pour accorder aux clients (comme Adobe Flash Player, Adobe Acrobat, Microsoft Silverlight ou Apache Flex) la permission de gérer des données entre domaines qui seraient autrement restreintes à cause de Same-Origin Policy. Voir la spécification Cross-domain Policy File pour plus d'informations.

+ 
Sépcifie si un fichier de règlementation interdomaines (crossdomain.xml) est autorisé. Ce fichier peut définir une règle pour accorder aux clients (comme Adobe Flash Player, Adobe Acrobat, Microsoft Silverlight ou Apache Flex) la permission de gérer des données entre domaines qui seraient autrement restreintes à cause de Same-Origin Policy. Voir la spécification Cross-domain Policy File pour plus d'informations.

  
{{HTTPHeader("X-Powered-By")}}

  
peut être défini par l'environnement hôte ou par d'autres cadriciels, il contient des informations sur eux sans fournir aucun information utile à l'application ni aux visiteurs. Désactivez cet en-tête pour éviter d'exposer des informations et des vulnérabilités potentielles.

  
{{HTTPHeader("X-XSS-Protection")}}

diff --git a/files/fr/web/http/methods/trace/index.html b/files/fr/web/http/methods/trace/index.html
index 97585ec305..50422020f7 100644
--- a/files/fr/web/http/methods/trace/index.html
+++ b/files/fr/web/http/methods/trace/index.html
@@ -72,5 +72,5 @@ original_slug: Web/HTTP/Méthode/TRACE
 
Voir également

 
 
diff --git a/files/fr/web/javascript/reference/classes/private_class_fields/index.html b/files/fr/web/javascript/reference/classes/private_class_fields/index.html
index 7d5aff7d9c..c8df9cbd19 100644
--- a/files/fr/web/javascript/reference/classes/private_class_fields/index.html
+++ b/files/fr/web/javascript/reference/classes/private_class_fields/index.html
@@ -202,6 +202,6 @@ new ClassWithPrivateAccessor();
 
Voir aussi

 
 
diff --git a/files/fr/web/javascript/reference/classes/public_class_fields/index.html b/files/fr/web/javascript/reference/classes/public_class_fields/index.html
index c464973a96..6344539840 100644
--- a/files/fr/web/javascript/reference/classes/public_class_fields/index.html
+++ b/files/fr/web/javascript/reference/classes/public_class_fields/index.html
@@ -15,7 +15,7 @@ original_slug: Web/JavaScript/Reference/Classes/Class_fields
 
 
Les déclarations de champs, tant publics que privés, sont une fonctionnalité expérimentale (étape 3) proposée au TC39, le comité des standards JavaScript.

 
-
La prise en charge dans les navigateurs est limitée, mais cette fonctionnalité peut être utilisée à travers une étape de contruction avec des systèmes tels que Babel. Voir l'information de compatibilité ci-dessous.

+
La prise en charge dans les navigateurs est limitée, mais cette fonctionnalité peut être utilisée à travers une étape de contruction avec des systèmes tels que Babel. Voir l'information de compatibilité ci-dessous.

 
 
 
Les champs publics, tant statiques que d'instance, sont des propriétés qui peuvent être écrites, et qui sont énumérables et configurables. En tant que telles, à la différence de leurs contreparties privées, elles participent à l'héritage du prototype.

diff --git a/files/fr/web/svg/element/ellipse/index.html b/files/fr/web/svg/element/ellipse/index.html
index f896739821..4ca81837ec 100644
--- a/files/fr/web/svg/element/ellipse/index.html
+++ b/files/fr/web/svg/element/ellipse/index.html
@@ -57,7 +57,7 @@ translation_of: Web/SVG/Element/ellipse
  
Attributs de traitement conditionnel

  
Plus notamment : {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}

  
Attributs d'événements

- 
Attributs d'événément globaux, Attributs d'événément graphiques

+ 
Attributs d'événément globaux, Attributs d'événément graphiques

  
Attributs de présentation

  
Plus notamment : {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}

  
Attributs ARIA

diff --git a/files/fr/web/svg/element/pattern/index.html b/files/fr/web/svg/element/pattern/index.html
index 800b18c89c..85628e4936 100644
--- a/files/fr/web/svg/element/pattern/index.html
+++ b/files/fr/web/svg/element/pattern/index.html
@@ -2,119 +2,101 @@
 title: 
 slug: Web/SVG/Element/pattern
 tags:
-  - Conteneur SVG
-  - Eléments(2)
+  - Element
   - SVG
+  - SVG Container
+browser-compat: svg.elements.pattern
 translation_of: Web/SVG/Element/pattern
 ---
 
{{SVGRef}}

 
-
L'élément <pattern> définit un objet graphique qui peut être redessiné à des intervalles de coordonnées x et y répétés ("en mosaïque") pour couvrir une surface.

+
L'élément <pattern> définit un objet graphique qui peut être redessiné à des intervalles de coordonnées x et y répétés ("en mosaïque") pour couvrir une surface.

 
-
Le <pattern> est référéne par les attributs {{SVGAttr("fill")}} et {{SVGAttr("stroke")}} sur les autres éléments graphiques, pour appliquer un remplissage ou une bordure sur ces éléments avec le motif référencé.

+
Le <pattern> est référéne par les attributs {{SVGAttr("fill")}} et {{SVGAttr("stroke")}} sur les autres éléments graphiques, pour appliquer un remplissage ou une bordure sur ces éléments avec le motif référencé.

 
-
html, body, svg { height: 100% }
-

+

+
 
-
<svg viewBox="0 0 230 100" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <pattern id="star" viewBox="0,0,10,10" width="10%" height="10%">
-      <polygon points="0,0 2,5 0,10 5,8 10,10 8,5 10,0 5,2"/>
-    </pattern>
-  </defs>
+
<svg viewBox="0 0 230 100" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <pattern id="star" viewBox="0,0,10,10" width="10%" height="10%">
+      <polygon points="0,0 2,5 0,10 5,8 10,10 8,5 10,0 5,2"/>
+    </pattern>
+  </defs>
 
-  <circle cx="50"  cy="50" r="50" fill="url(#star)"/>
-  <circle cx="180" cy="50" r="40" fill="none" stroke-width="20" stroke="url(#star)"/>
+  <circle cx="50"  cy="50" r="50" fill="url(#star)"/>
+  <circle cx="180" cy="50" r="40" fill="none" stroke-width="20" stroke="url(#star)"/>
 </svg>

+

 
-
{{EmbedLiveSample('Exemple', 150, '100%')}}

+
{{EmbedLiveSample('example', 150, '100%')}}

 
-
Attributs

+
Attributs

 
 

  
{{SVGAttr("height")}}

  
Cet attribut détermine la hauteur du motif de mosaïque.

- Type de valeur : <longueur>|<pourcentage>; Valeur par défaut : 0; Animable : oui

+ Type de valeur : <longueur>|<pourcentage>; Valeur par défaut : 0; Animable : oui
  
{{SVGAttr("href")}}

  
Cet attribut référence un patron de motif qui fournit les valeurs par défaut des attributs de l'élément <pattern>.

- Type de valeur: <URL>; Valeur par défaut : none; Animable: yes

+ Type de valeur: <URL>; Valeur par défaut : none; Animable: yes
  
{{SVGAttr("patternContentUnits")}}

- 
Cet attribut définit le système de coordonnées pour le contenu de {{SVGElement("pattern")}}.

- Type de valeur : userSpaceOnUse|objectBoundingBox; Valeur par défaut : userSpaceOnUse; Animable: yes
- 
Note : Cet attribut n'a pas d'effet si l'attribut viewBox est définit sur l'élément <pattern>.

+ 
Cet attribut définit le système de coordonnées pour le contenu de {{SVGElement("pattern")}}.

+ Type de valeur : userSpaceOnUse|objectBoundingBox; Valeur par défaut : userSpaceOnUse; Animable: yes
+ 
Note : Cet attribut n'a pas d'effet si l'attribut viewBox est définit sur l'élément <pattern>.

  

  
{{SVGAttr("patternTransform")}}

- 
Cet attribut contient la définition d'une transformation optionnelle supplémentaire du système de coordonnées du motif vers celui de la cible.

- Type de valeur : <transform-list>; Valeur par défaut : none; Animatable: yes

+ 
Cet attribut contient la définition d'une transformation optionnelle supplémentaire du système de coordonnées du motif vers celui de la cible.

+ Type de valeur : <transform-list>; Valeur par défaut : none; Animatable: yes

  
{{SVGAttr("patternUnits")}}

- 
Cet attribut définit le système de coordonnées pour les attributs x, y, width , et height.

- Type de valeur : userSpaceOnUse|objectBoundingBox; Valeur par défaut : objectBoundingBox; Animable: yes

+ 
Cet attribut définit le système de coordonnées pour les attributs x, y, width , et height.

+ Type de valeur : userSpaceOnUse|objectBoundingBox; Valeur par défaut : objectBoundingBox; Animable: yes

  
{{SVGAttr("preserveAspectRatio")}}

  
Cet attribut définit comme le fragment SVG doit être déformé s'il est embarqué dans un conteneur avec un ratio d'aspect différent.

- Type de valeur : (none| xMinYMin| xMidYMin| xMaxYMin| xMinYMid| xMidYMid| xMaxYMid| xMinYMax| xMidYMax| xMaxYMax) (meet|slice)? ; Valeur par défaut : xMidYMid meet; Animable: yes

+ Type de valeur : (none| xMinYMin| xMidYMin| xMaxYMin| xMinYMid| xMidYMid| xMaxYMid| xMinYMax| xMidYMax| xMaxYMax) (meet|slice)? ; Valeur par défaut : xMidYMid meet; Animable: yes
  
{{SVGAttr("viewBox")}}

  
Cet attribut définit les limites de la fenêtre de rendu du SVG pour le fragment du motif.

- Type de valeur : <list-of-numbers> ; Valeur par défaut : none; Animable: yes

+ Type de valeur : <list-of-numbers> ; Valeur par défaut : none; Animable: yes
  
{{SVGAttr("width")}}

  
Cet attribut détermine la largeur du motif de mosaïque.

- Type de valeur : <length>|<percentage> ; Valeur par défaut : 0; Animable: yes

+ Type de valeur : <length>|<percentage> ; Valeur par défaut : 0; Animable: yes
  
{{SVGAttr("x")}}

  
Cet attribut détermine le déplacement en coordonnée x du motif de mosaïque.

- Type de valeur : <length>|<percentage> ; Valeur par défaut : 0; Animatable: yes

+ Type de valeur : <length>|<percentage> ; Valeur par défaut : 0; Animatable: yes
  
{{SVGAttr("xlink:href")}} {{deprecated_inline("SVG2")}}

- 
Cet attribut référence un patron de motif qui fournit des valeurs par défaut pour les attributs du <pattern>.

- Type de valeur : <URL>; Valeur par défaut : none; Animable: yes
- 
Note : Pour les navigateurs implémentant href, si à la fois href et xlink:href sont définis, xlink:href sera ignoré et seulement href sera utilisé.

+ 
Cet attribut référence un patron de motif qui fournit des valeurs par défaut pour les attributs du <pattern>.

+ Type de valeur : <URL>; Valeur par défaut : none; Animable: yes
+ 
Note : Pour les navigateurs implémentant href, si à la fois href et xlink:href sont définis, xlink:href sera ignoré et seulement href sera utilisé.

  

  
{{SVGAttr("y")}}

  
Cet attribut détermine le déplacement en coordonnée y du motif de mosaïque.

- Type de valeur : <length>|<percentage> ; Valeur par défaut : 0; Animable: yes

+ Type de valeur : <length>|<percentage> ; Valeur par défaut : 0; Animable: yes
  

- 
Global attributes

- Attributs principaux

+
+ 
Attributs globaux

+
+ Attributs principaux
  
Plus notamment : {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}

- 
Attributs de style

+ 
Attributs de style

  
{{SVGAttr('class')}}, {{SVGAttr('style')}}

- 
Attributs de traitement conditionnel

+ 
Attributs de traitement conditionnel

  
Plus notamment : {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}

- 
Attributs de présentation

+ 
Attributs de présentation

  
Plus notamment : {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}

  
Attributs XLink

  
Plus notamment : {{SVGAttr("xlink:title")}}

 

 
-
Contexte d'utilisation

+
Notes d'utilisation

 
 
{{svginfo}}

 
-
Interface DOM 

-
-
Cet élement implémente l'interface SVGPatternElement.

-
-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpécificationStatusCommentaire
{{SpecName('SVG2', 'pservers.html#Patterns', '<pattern>')}}{{Spec2('SVG2')}}
{{SpecName('SVG1.1', 'pservers.html#Patterns', '<pattern>')}}{{Spec2('SVG1.1')}}Initial definition

-
-
Compatibilité des navigateurs

-
-
{{Compat("svg.elements.pattern")}}

+
Spécifications

+
+{{Specifications}}
+
+
Compatibilité des navigateurs

+
+
{{Compat}}

diff --git a/files/fr/web/svg/element/polygon/index.html b/files/fr/web/svg/element/polygon/index.html
index ac9c3fbb62..e4981d0eb3 100644
--- a/files/fr/web/svg/element/polygon/index.html
+++ b/files/fr/web/svg/element/polygon/index.html
@@ -6,38 +6,38 @@ tags:
   - Reference
   - SVG
   - SVG Graphique
+browser-compat: svg.elements.polygon
 translation_of: Web/SVG/Element/polygon
 ---
 
{{SVGRef}}

 
-
L'élément <polygon>  délimite une forme close composée d'un groupe de plusieurs segments de droites. Le dernier point est relié au premier afin de fermer la forme et de relier les traits entre deux. Pour créer une forme ouverte, voir l'élément {{SVGElement("polyline")}}.

+
L'élément <polygon> délimite une forme close composée d'un groupe de plusieurs segments de droites. Le dernier point est relié au premier afin de fermer la forme et de relier les traits entre deux. Pour créer une forme ouverte, voir l'élément {{SVGElement("polyline")}}.

 
-

+

 
 
 
<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
   <!-- Exemple d'un polygone avec le remplissage par défaut -->
-  <polygon points="0,100 50,25 50,75 100,0" />
+  <polygon points="0,100 50,25 50,75 100,0" />
 
   <!-- Le même polygone sans remplissage et avec un contour -->
-  <polygon points="100,100 150,25 150,75 200,0"
-            fill="none" stroke="black" />
+  <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" />
 </svg>

-
-
{{ EmbedLiveSample('SVG', '120', '120', '', 'Web/SVG/Element/polygon') }}

 

 
+
{{EmbedLiveSample('example', '100', '100')}}

+
 
Attributs

 
 

  
{{SVGAttr('points')}}

  
Cette attribut défini une liste de point (paire de coordonnées absolue x et y ) nécessaire pour dessiner le polygone.

- Type de valeur: <number>+ ; Valeur par défaut: ""; Peut être animé: oui

+ Type de valeur: <number>+ ; Valeur par défaut: ""; Peut être animé: oui
  
{{SVGAttr("pathLength")}}

  
Cet attribut spécifie la taille totale pour le chemin dans l'unité de l'utilisateur.

- Type de valeur: <number>; Valeur par défaut: aucune; Peut être animé: oui

+ Type de valeur: <number>; Valeur par défaut: aucune; Peut être animé: oui
 

 
 
Attributs Globaux

@@ -47,11 +47,11 @@ translation_of: Web/SVG/Element/polygon
  
Principalement: {{SVGAttr('id')}} et {{SVGAttr('tabindex')}}

  
Attribut de style

  
{{SVGAttr('class')}} et {{SVGAttr('style')}}

- 
Attributs conditionnels

+ 
Attributs conditionnels

  
Principalement: {{SVGAttr('requiredExtensions')}} et {{SVGAttr('systemLanguage')}}

  
Attributs d'évènements

- 
Attribut d'évènement global, Attribut d'évènement graphique

- 
Attributs de présentation

+ 
Attribut d'évènement global, Attribut d'évènement graphique

+ 
Attributs de présentation

  
Principalement: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}} et {{SVGAttr('visibility')}}

  
Attributs ARIA

  
aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role

@@ -65,35 +65,13 @@ translation_of: Web/SVG/Element/polygon
 
 
Cet élément implémente l'interface {{domxref("SVGPolygonElement")}}.

 
-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpécificationÉtatCommentaire
{{SpecName('SVG2', 'shapes.html#PolygonElement', '<polygon>')}}{{Spec2('SVG2')}}Pas de changement
{{SpecName('SVG1.1', 'shapes.html#PolygonElement', '<polygon>')}}{{Spec2('SVG1.1')}}Définition initiale.

-
-
Compatibilité avec les navigateurs

-
-
-
-
{{Compat("svg.elements.polygon")}}

+
Spécifications

+
+
{{Specifications}}

+
+
Compatibilité avec les navigateurs

+
+
{{Compat}}

 
 
Voir également

 
diff --git a/files/fr/web/web_components/index.html b/files/fr/web/web_components/index.html
index bb4fba0dcb..811f67a39b 100644
--- a/files/fr/web/web_components/index.html
+++ b/files/fr/web/web_components/index.html
@@ -32,7 +32,7 @@ translation_of: Web/Web_Components
 
Généralement, l'approche basique pour la création d'un composant Web est la suivante:

 
 
    
- 
  1. Créer une classe dans laquelle est spécifié la fonctionnalité du composant Web en utilisant la syntaxe de classe ECMAScript 2015 (voir les Classes pour de plus amples informations).
    2. 
+ 
  2. Créer une classe dans laquelle est spécifié la fonctionnalité du composant Web en utilisant la syntaxe de classe ECMAScript 2015 (voir les Classes pour de plus amples informations).
    3. 
  
  3. Enregistrer le nouvel élément personnalisé en utilisant la méthode {{domxref("CustomElementRegistry.define()")}}, avec en paramètre le nom de l'élément à définir, la classe ou la fonction dans laquelle la fonctionnalité est spécifiée, et optionnellement, de quel élément celui-ci hérite-t-il.
    4. 
  
  4. Si nécessaire, connecter un shadow DOM à l'élément personnalisé en utilisant la méthode {{domxref("Element.attachShadow()")}}. Ajouter les éléments-fils, les écouteurs d'événements, etc., au shadow DOM en utilisant les méthodes DOM usuelles.
    5. 
  
  5. Si nécessaire, définir un template HTML en utilisant {{htmlelement("template")}} et {{htmlelement("slot")}}. Toujours en utilisant les méthodes DOM usuelles pour cloner le template et le connecter au shadow DOM.
    6. 
-- 
cgit v1.2.3-54-g00ecf