From b8411e69dbd90d499f9fe2f485c22511cf8b6505 Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Sun, 7 Nov 2021 21:04:18 +0100 Subject: Fix HTML live sample errors (#3002) --- files/fr/web/html/applying_color/index.md | 4 ++-- files/fr/web/html/attributes/accept/index.md | 6 +++--- files/fr/web/html/attributes/capture/index.md | 2 +- files/fr/web/html/attributes/disabled/index.md | 6 +++--- files/fr/web/html/attributes/maxlength/index.md | 2 +- files/fr/web/html/attributes/min/index.md | 4 ++-- files/fr/web/html/attributes/minlength/index.md | 2 +- files/fr/web/html/attributes/multiple/index.md | 6 +++--- files/fr/web/html/attributes/pattern/index.md | 4 ++-- files/fr/web/html/attributes/readonly/index.md | 6 +++--- files/fr/web/html/attributes/required/index.md | 4 ++-- files/fr/web/html/attributes/size/index.md | 2 +- files/fr/web/html/attributes/step/index.md | 4 ++-- files/fr/web/html/block-level_elements/index.md | 2 +- files/fr/web/html/element/a/index.md | 16 ++++++++-------- files/fr/web/html/element/abbr/index.md | 8 ++++---- files/fr/web/html/element/address/index.md | 2 +- files/fr/web/html/element/applet/index.md | 2 +- files/fr/web/html/element/area/index.md | 6 +++--- files/fr/web/html/element/aside/index.md | 2 +- files/fr/web/html/element/bdo/index.md | 2 +- files/fr/web/html/element/big/index.md | 2 +- files/fr/web/html/element/blockquote/index.md | 2 +- files/fr/web/html/element/br/index.md | 4 ++-- files/fr/web/html/element/button/index.md | 2 +- files/fr/web/html/element/canvas/index.md | 4 ++-- files/fr/web/html/element/cite/index.md | 2 +- files/fr/web/html/element/code/index.md | 2 +- files/fr/web/html/element/datalist/index.md | 2 +- files/fr/web/html/element/del/index.md | 2 +- files/fr/web/html/element/details/index.md | 14 +++++++------- files/fr/web/html/element/dfn/index.md | 8 ++++---- files/fr/web/html/element/dialog/index.md | 2 +- files/fr/web/html/element/div/index.md | 6 +++--- files/fr/web/html/element/dl/index.md | 6 +++--- files/fr/web/html/element/em/index.md | 2 +- files/fr/web/html/element/fieldset/index.md | 4 ++-- files/fr/web/html/element/figure/index.md | 8 ++++---- files/fr/web/html/element/form/index.md | 8 ++++---- files/fr/web/html/element/iframe/index.md | 6 +++--- files/fr/web/html/element/img/index.md | 18 +++++++++--------- files/fr/web/html/element/input/range/index.md | 4 ++-- files/fr/web/html/element/kbd/index.md | 4 ++-- files/fr/web/html/element/ol/index.md | 12 ++++++------ files/fr/web/html/element/tr/index.md | 10 +++++----- files/fr/web/html/inline_elements/index.md | 4 ++-- 46 files changed, 115 insertions(+), 115 deletions(-) (limited to 'files') diff --git a/files/fr/web/html/applying_color/index.md b/files/fr/web/html/applying_color/index.md index ae03220e48..7105370356 100644 --- a/files/fr/web/html/applying_color/index.md +++ b/files/fr/web/html/applying_color/index.md @@ -227,7 +227,7 @@ La façon la plus simple (et la plus fréquemment utilisée) pour appliquer des Prenons un exemple et commençons par le résultat : -{{EmbedLiveSample("Specifying_colors_in_stylesheets", 650, 200)}} +{{EmbedLiveSample("Indiquer_les_couleurs_via_une_feuille_de_style", 650, 200)}} #### HTML @@ -330,7 +330,7 @@ Lorsqu'on choisit une couleur via un élément ``, la valeur stockée dan Prenons un exemple simple où l'utilisateur choisit une couleur qui est immédiatement appliquée sur la bordure de l'exemple. Une fois la couleur finale sélectionnée, la valeur du sélecteur de couleur est affichée. -{{EmbedLiveSample("Example_Picking_a_color", 525, 275)}} +{{EmbedLiveSample("Exemple_sélectionner_une_couleur", 525, 275)}} > **Note :** Sur macOS, pour indiquer qu'on a fini de choisir la couleur, il faut fermer la fenêtre du sélecteur de couleur. diff --git a/files/fr/web/html/attributes/accept/index.md b/files/fr/web/html/attributes/accept/index.md index fca3d327d7..66c18d9ef0 100644 --- a/files/fr/web/html/attributes/accept/index.md +++ b/files/fr/web/html/attributes/accept/index.md @@ -54,7 +54,7 @@ Lorsque cet attribut est utilisé sur un champ permettant de sélectionner un fi

``` -{{EmbedLiveSample('examples', '', 160)}} +{{EmbedLiveSample('Exemples', '', 160)}} Notez que le dernier exemple vous permet de sélectionner plusieurs images. Voir l'attribut [`multiple`](multiple) pour plus d'informations. @@ -98,7 +98,7 @@ div { Cela produit le résultat suivant : -{{EmbedLiveSample('a_basic_example', 650, 100)}} +{{EmbedLiveSample('Utilisation_des_champs_pour_saisir_des_fichiers', 650, 100)}} > **Note :** Vous pouvez trouver cet exemple sur GitHub également - voir le [code source](https://github.com/mdn/learning-area/blob/master/html/forms/file-examples/simple-file.html), et aussi [le fonctionnement en direct](https://mdn.github.io/learning-area/html/forms/file-examples/simple-file.html). @@ -138,7 +138,7 @@ div { } ``` -{{EmbedLiveSample('limiting_accepted_file_types', 650, 100)}} +{{EmbedLiveSample('Restreindre_les_types_de_fichier_acceptés', 650, 100)}} ## Spécifications diff --git a/files/fr/web/html/attributes/capture/index.md b/files/fr/web/html/attributes/capture/index.md index 887afc93fd..d726e7cdb4 100644 --- a/files/fr/web/html/attributes/capture/index.md +++ b/files/fr/web/html/attributes/capture/index.md @@ -42,7 +42,7 @@ Lorsqu'ils sont définis sur un type d'entrée de fichier, les systèmes d'explo

``` -{{EmbedLiveSample('examples', '', 200)}} +{{EmbedLiveSample('Exemples', '', 200)}} Notez que ceux-ci fonctionnent mieux sur les appareils mobiles ; si votre appareil est un ordinateur de bureau, vous obtiendrez probablement un sélecteur de fichiers classique. diff --git a/files/fr/web/html/attributes/disabled/index.md b/files/fr/web/html/attributes/disabled/index.md index 9ce0368c12..b234a0f8a9 100644 --- a/files/fr/web/html/attributes/disabled/index.md +++ b/files/fr/web/html/attributes/disabled/index.md @@ -17,7 +17,7 @@ L'attribut `disabled` est utilisé par [` ``` -{{EmbedLiveSample('example', 200, 64)}} +{{EmbedLiveSample('Exemple', 200, 64)}} ## Problèmes d'accessibilité diff --git a/files/fr/web/html/element/canvas/index.md b/files/fr/web/html/element/canvas/index.md index d8e107d41f..4efdc0d462 100644 --- a/files/fr/web/html/element/canvas/index.md +++ b/files/fr/web/html/element/canvas/index.md @@ -136,7 +136,7 @@ La taille maximale d'un élément `` dépend du navigateur utilisé. Voi | Safari | 32 767 pixels | 32 767 pixels | 268 435 456 pixels (soit 16 384 x 16 384) | | IE | 8 192 pixels | 8 192 pixels | ? | -> **Note :**Si on dépasse les dimensions ou l'aire maximale, le canevas deviendra inutilisable et les commandes de dessin ne fonctionneront pas. +> **Note :** Si on dépasse les dimensions ou l'aire maximale, le canevas deviendra inutilisable et les commandes de dessin ne fonctionneront pas. ## Exemples @@ -163,7 +163,7 @@ ctx.fillRect(10, 10, 100, 100); ### Résultat -{{EmbedLiveSample('examples')}} +{{EmbedLiveSample('Exemples')}} ## Accessibilité diff --git a/files/fr/web/html/element/cite/index.md b/files/fr/web/html/element/cite/index.md index d79b5c8560..105456ab40 100644 --- a/files/fr/web/html/element/cite/index.md +++ b/files/fr/web/html/element/cite/index.md @@ -141,7 +141,7 @@ En général, les navigateurs donnent un style au contenu d'un élément ` Le HTML ci-dessus produit le résultat suivant : -{{EmbedLiveSample('example', '', 80)}} +{{EmbedLiveSample('Exemple', '', 80)}} ## Spécifications diff --git a/files/fr/web/html/element/code/index.md b/files/fr/web/html/element/code/index.md index 2020c817fb..41f31417b9 100644 --- a/files/fr/web/html/element/code/index.md +++ b/files/fr/web/html/element/code/index.md @@ -107,7 +107,7 @@ Un paragraphe de texte qui contient `` : La sortie générée par ce HTML ressemble à ceci : -{{EmbedLiveSample('example', '', 100)}} +{{EmbedLiveSample('Exemples', '', 100)}} ## Notes diff --git a/files/fr/web/html/element/datalist/index.md b/files/fr/web/html/element/datalist/index.md index 6de10c3a35..de9d41255f 100644 --- a/files/fr/web/html/element/datalist/index.md +++ b/files/fr/web/html/element/datalist/index.md @@ -108,7 +108,7 @@ Cet élément ne possède que [les attributs universels](/fr/docs/Web/HTML/Globa #### Résultat -{{EmbedLiveSample("examples", "", 100)}} +{{EmbedLiveSample("Exemples", "", 100)}} ## Spécifications diff --git a/files/fr/web/html/element/del/index.md b/files/fr/web/html/element/del/index.md index fc1d6ac70b..5de73b27d4 100644 --- a/files/fr/web/html/element/del/index.md +++ b/files/fr/web/html/element/del/index.md @@ -100,7 +100,7 @@ Comme pour tous les autres éléments, on peut utiliser [les attributs universel ### Résultat -{{EmbedLiveSample("examples", "", 100)}} +{{EmbedLiveSample("Exemples", "", 100)}} ## Accessibilité diff --git a/files/fr/web/html/element/details/index.md b/files/fr/web/html/element/details/index.md index e034b44d5d..e51755e7a3 100644 --- a/files/fr/web/html/element/details/index.md +++ b/files/fr/web/html/element/details/index.md @@ -21,7 +21,7 @@ La plupart du temps, le contrôle utilisé pour cet élément est un triangle qu {{EmbedInteractiveExample("pages/tabbed/details.html", "tabbed-standard")}} -> **Note :**L'utilisation courante d'un triangle qui tourne ou s'enroule pour représenter l'ouverture ou la fermeture du widget explique pourquoi on les appelle parfois « twisties » en anglais. +> **Note :** L'utilisation courante d'un triangle qui tourne ou s'enroule pour représenter l'ouverture ou la fermeture du widget explique pourquoi on les appelle parfois « twisties » en anglais. Un widget `
` peut être dans l'un des deux états suivants. L'état par défaut _fermé_ affiche uniquement le triangle et l'étiquette à l'intérieur du `` (ou une chaîne par défaut définie par [l'agent utilisateur](/fr/docs/Glossary/User_agent) si aucun ``). @@ -31,7 +31,7 @@ Lorsque l'utilisateur clique sur le widget ou le met au point, puis appuie sur l Par défaut, lorsqu'il est fermé, le widget est seulement assez haut pour afficher le triangle de divulgation et le résumé. Lorsqu'il est ouvert, il s'étend pour afficher les détails qu'il contient. -> **Note :**Malheureusement, à l'heure actuelle, il n'existe aucun moyen intégré d'animer la transition entre l'ouverture et la fermeture. +> **Note :** Malheureusement, à l'heure actuelle, il n'existe aucun moyen intégré d'animer la transition entre l'ouverture et la fermeture. Les implémentations entièrement conformes aux normes appliquent automatiquement le code CSS `display: list-item` à l'élément [``](/fr/docs/Web/HTML/Element/summary). Vous pouvez l'utiliser pour personnaliser davantage son apparence. Voir [personnaliser le marqueur de révélation](#customizing_the_disclosure_widget) pour plus de détails. @@ -111,7 +111,7 @@ Comme tous les éléments HTML, cet élément accepte les [attributs universels] - : Cet attribut booléen indique si les détails — c'est-à-dire le contenu de l'élément `
` — sont actuellement visibles ou non. Les détails sont affichés lorsque cet attribut existe, ou cachés lorsque cet attribut est absent. Par défaut, cet attribut est absent, ce qui signifie que les détails ne sont pas visibles. - > **Note :**Vous devez supprimer entièrement cet attribut pour que les détails soient cachés. Attention, `open="false"` rend les détails visibles, car cet attribut est booléen. + > **Note :** Vous devez supprimer entièrement cet attribut pour que les détails soient cachés. Attention, `open="false"` rend les détails visibles, car cet attribut est booléen. ## Évènements @@ -146,7 +146,7 @@ Dans cet exemple, on utilise un élément `
` sans résumé/intitulé. Ici, le navigateur utilisera alors un intitulé par défaut (généralement, ce sera "Détails"). -{{EmbedLiveSample("a_simple_disclosure_example", "", 100)}} +{{EmbedLiveSample("Un_exemple_simple", "", 100)}} ### Créer un contrôle déjà ouvert @@ -164,7 +164,7 @@ Pour obtenir une boîte `
` dans un état ouvert, il suffit d'ajouter l' Cela se traduit par : -{{EmbedLiveSample("creating_an_open_disclosure_box", "", 130)}} +{{EmbedLiveSample("Créer_un_contrôle_déjà_ouvert", "", 130)}} ### Personnaliser l'apparence @@ -218,7 +218,7 @@ Le sélecteur `details[open]` peut être utilisé pour donner un style à l'él #### Résultat -{{EmbedLiveSample("customizing_the_appearance", "", 120)}} +{{EmbedLiveSample("Personnaliser_l'apparence", "", 120)}} ### Personnaliser le marqueur de révélation @@ -274,7 +274,7 @@ Ce CSS crée un aspect similaire à celui d'une interface à onglets, où l'acti #### Résultat -{{EmbedLiveSample("customizing_the_disclosure_widget", "", 120)}} +{{EmbedLiveSample("Personnaliser_le_marqueur_de_révélation", "", 120)}} ## Spécifications diff --git a/files/fr/web/html/element/dfn/index.md b/files/fr/web/html/element/dfn/index.md index 6ea9cc1139..698a99e85a 100644 --- a/files/fr/web/html/element/dfn/index.md +++ b/files/fr/web/html/element/dfn/index.md @@ -103,7 +103,7 @@ Le terme à définir est identifié selon ces règles : 2. Si le `` contient un seul élément enfant et n'a pas de contenu textuel propre, et que l'élément enfant est un élément [``](/fr/docs/Web/HTML/Element/abbr) avec un attribut `title` lui-même, alors la valeur exacte du `` de l'élément `title` est le terme défini. 3. Sinon, le contenu textuel de l'élément `` est le terme défini. Ceci est illustré [dans le premier exemple ci-dessous](#basic_identification_of_a_term). -> **Note :**Si l'élément `` possède un attribut `title`, il _doit_ contenir le terme défini et aucun autre texte. +> **Note :** Si l'élément `` possède un attribut `title`, il _doit_ contenir le terme défini et aucun autre texte. ### Liens vers des éléments de type `` @@ -134,7 +134,7 @@ L'élément `` n'ayant ici pas d'attribut `title`, c'est le contenu textuel #### Résultat -{{EmbedLiveSample("basic_identification_of_a_term", "", 120)}} +{{EmbedLiveSample("Identification_simple_d'un_terme", "", 120)}} ### Liens vers des définitions @@ -169,7 +169,7 @@ On voit ici que l'élément possède désormais un attribut [`id`](/fr/docs/Web/ #### Résultat -{{EmbedLiveSample("links_to_definitions", "", 350)}} +{{EmbedLiveSample("Liens_vers_des_définitions", "", 350)}} ### Utiliser les abréviations et les définitions @@ -193,7 +193,7 @@ On notera que l'élément `` est imbriqué dans l'élément ``. L'él #### Résultat -{{EmbedLiveSample("using_abbreviations_and_definitions_together", "", 200)}} +{{EmbedLiveSample("Utiliser_les_abréviations_et_les_définitions", "", 200)}} ## Spécifications diff --git a/files/fr/web/html/element/dialog/index.md b/files/fr/web/html/element/dialog/index.md index e9733eb958..df2887103b 100644 --- a/files/fr/web/html/element/dialog/index.md +++ b/files/fr/web/html/element/dialog/index.md @@ -169,7 +169,7 @@ favDialog.addEventListener('close', function onClose() { #### Résultat -{{EmbedLiveSample("advanced_example", "", 300)}} +{{EmbedLiveSample("Exemple_avancé", "", 300)}} ## Spécifications diff --git a/files/fr/web/html/element/div/index.md b/files/fr/web/html/element/div/index.md index 932f42e8de..0df3262570 100644 --- a/files/fr/web/html/element/div/index.md +++ b/files/fr/web/html/element/div/index.md @@ -103,7 +103,7 @@ En tant que conteneur « pur », l'élément `
` ne représente rien en soi. Comme tous les autres éléments HTML, cet élément accepte [les attributs universels](/fr/docs/Web/HTML/Global_attributes). -> **Note :**L'attribut **`align`** est désormais obsolète et ne doit plus être appliqué pour un `
`. On privilégiera l'utilisation des propriétés et outils CSS (tels que [la grille CSS](/fr/docs/Web/CSS/CSS_Grid_Layout) ou [les boîtes flexibles (flexbox)](/fr/docs/Glossary/Flexbox)) pour aligner et positionner des éléments `
`. +> **Note :** L'attribut **`align`** est désormais obsolète et ne doit plus être appliqué pour un `
`. On privilégiera l'utilisation des propriétés et outils CSS (tels que [la grille CSS](/fr/docs/Web/CSS/CSS_Grid_Layout) ou [les boîtes flexibles (flexbox)](/fr/docs/Glossary/Flexbox)) pour aligner et positionner des éléments `
`. ## Notes d'utilisation @@ -122,7 +122,7 @@ Comme tous les autres éléments HTML, cet élément accepte [les attributs univ Le résultat ressemble à ceci : -{{EmbedLiveSample("a_simple_example", "", 80)}} +{{EmbedLiveSample("Un_exemple_simple", "", 80)}} ### Un exemple mis en forme @@ -151,7 +151,7 @@ Cet exemple crée une boîte avec une ombre en appliquant la mise en forme via d #### Résultat -{{EmbedLiveSample("a_styled_example", "", 150)}} +{{EmbedLiveSample("Un_exemple_mis_en_forme", "", 150)}} ## Accessibilité diff --git a/files/fr/web/html/element/dl/index.md b/files/fr/web/html/element/dl/index.md index 96ac217d7c..dc45b6dfc4 100644 --- a/files/fr/web/html/element/dl/index.md +++ b/files/fr/web/html/element/dl/index.md @@ -137,7 +137,7 @@ Cet élément inclut [les attributs universels](/fr/docs/Web/HTML/Global_attribu ``` -{{EmbedLiveSample("single_term_and_description", "", 120)}} +{{EmbedLiveSample("Un_seul_terme_et_une_seule_définition", "", 120)}} ### Plusieurs termes avec une même définition @@ -155,7 +155,7 @@ Cet élément inclut [les attributs universels](/fr/docs/Web/HTML/Global_attribu ``` -{{EmbedLiveSample("multiple_terms_single_description", "", 180)}} +{{EmbedLiveSample("Plusieurs_termes_avec_une_même_définition", "", 180)}} ### Un seul terme avec plusieurs définitions @@ -176,7 +176,7 @@ Cet élément inclut [les attributs universels](/fr/docs/Web/HTML/Global_attribu ``` -{{EmbedLiveSample("single_term_multiple_descriptions", "", 180)}} +{{EmbedLiveSample("Un_seul_terme_avec_plusieurs_définitions", "", 180)}} ### Termes et descriptions multiples diff --git a/files/fr/web/html/element/em/index.md b/files/fr/web/html/element/em/index.md index 38c4539363..07cc7b951e 100644 --- a/files/fr/web/html/element/em/index.md +++ b/files/fr/web/html/element/em/index.md @@ -122,7 +122,7 @@ L'élément `` est souvent utilisé pour indiquer un contraste, implicite ou ### Résultat -{{EmbedLiveSample("example", "", 100)}} +{{EmbedLiveSample("Exemple", "", 100)}} ## Spécifications diff --git a/files/fr/web/html/element/fieldset/index.md b/files/fr/web/html/element/fieldset/index.md index 1dbb9c6811..8e7f4ac6f2 100644 --- a/files/fr/web/html/element/fieldset/index.md +++ b/files/fr/web/html/element/fieldset/index.md @@ -65,7 +65,7 @@ Cet exemple montre un `
` très simple, avec un ``, et un seul #### Résultat -{{EmbedLiveSample('simple_fieldset', '100%', '80')}} +{{EmbedLiveSample('Exemple_simple', '100%', '80')}} ### \
désactivé @@ -91,7 +91,7 @@ Dans cet exemple, on voit comment l'attribut `disabled` permet de désactiver un #### Résultat -{{EmbedLiveSample('disabled_fieldset', '100%', '110') }} +{{EmbedLiveSample('fieldset_désactivé', '100%', '110') }} ## Résumé technique diff --git a/files/fr/web/html/element/figure/index.md b/files/fr/web/html/element/figure/index.md index b2c0cceea9..1d82e61537 100644 --- a/files/fr/web/html/element/figure/index.md +++ b/files/fr/web/html/element/figure/index.md @@ -134,7 +134,7 @@ Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web ``` -{{EmbedLiveSample("images", "100%", 400)}} +{{EmbedLiveSample("Images", "100%", 400)}} ### Extrait de code @@ -156,7 +156,7 @@ Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web ``` -{{EmbedLiveSample("code_snippets", "100%", 250)}} +{{EmbedLiveSample("Extrait_de_code", "100%", 250)}} ### Citation @@ -171,7 +171,7 @@ Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web ``` -{{EmbedLiveSample("quotations","", 150)}} +{{EmbedLiveSample("Citation","", 150)}} ### Poème @@ -190,7 +190,7 @@ Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web ``` -{{EmbedLiveSample("poems", "100%", 260)}} +{{EmbedLiveSample("Poème", "100%", 260)}} ## Spécifications diff --git a/files/fr/web/html/element/form/index.md b/files/fr/web/html/element/form/index.md index bbf03d217a..feb09f7689 100644 --- a/files/fr/web/html/element/form/index.md +++ b/files/fr/web/html/element/form/index.md @@ -15,7 +15,7 @@ browser-compat: html.elements.form --- {{HTMLRef}} -L'élément HTML **`
` **représente un formulaire, c'est-à-dire une section d'un document qui contient des contrôles interactifs permettant à un utilisateur de fournir des informations. +L'élément HTML **``** représente un formulaire, c'est-à-dire une section d'un document qui contient des contrôles interactifs permettant à un utilisateur de fournir des informations. {{EmbedInteractiveExample("pages/tabbed/form.html", "tabbed-standard")}} @@ -108,7 +108,7 @@ Cet élément prend en charge [les attributs universels](/fr/docs/Web/HTML/Globa - : Cet attribut indique quels types de contenus sont acceptés par le serveur. Il peut y en avoir plusieurs, séparés par des virgules. - > **Note :**Cet attribut a été retiré dans HTML5 et ne doit plus être utilisé. À la place, il faut utiliser l'attribut [`accept`](/fr/docs/Web/HTML/Element/Input#attr-accept) de l'élément ``. + > **Note :** Cet attribut a été retiré dans HTML5 et ne doit plus être utilisé. À la place, il faut utiliser l'attribut [`accept`](/fr/docs/Web/HTML/Element/Input#attr-accept) de l'élément ``. - `accept-charset` - : Encodages de caractères séparés par des espaces que le serveur accepte. Le navigateur les utilise dans l'ordre dans lequel ils sont listés. La valeur par défaut signifie [le même encodage que celui de la page](/fr/docs/Web/HTTP/Headers/Content-Encoding). @@ -173,7 +173,7 @@ Les attributs suivants contrôlent le comportement pendant l'envoi du formulaire Cette valeur peut être remplacée par un attribut [`formtarget`](/fr/docs/Web/HTML/Element/Button#attr-formtarget) sur un [`