fr: Format /web/html using Prettier (part 2)

mdn · Jul 26, 2023 · 13cb0ec · 13cb0ec
1 parent c44cdda
commit 13cb0ec
Show file tree

Hide file tree

Showing 69 changed files with 1,198 additions and 908 deletions.
diff --git a/files/fr/web/html/attributes/accept/index.md b/files/fr/web/html/attributes/accept/index.md
@@ -13,16 +13,18 @@ Comme un type de fichier donné peut être identifié de plusieurs manières, il
 Par exemple, il existe un certain nombre de façons d'identifier les fichiers Microsoft Word, de sorte qu'un site qui accepte les fichiers Word pourrait utiliser un `<input>` comme celui-ci&nbsp;:
 
 ```html
-<input type="file" id="docpicker"
-  accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
+<input
+  type="file"
+  id="docpicker"
+  accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" />
 ```
 
 En revanche, si vous acceptez un fichier multimédia, vous pouvez inclure tout format de ce type de média&nbsp;:
 
 ```html
-<input type="file" id="soundFile" accept="audio/*">
-<input type="file" id="videoFile" accept="video/*">
-<input type="file" id="imageFile" accept="image/*">
+<input type="file" id="soundFile" accept="audio/*" />
+<input type="file" id="videoFile" accept="video/*" />
+<input type="file" id="imageFile" accept="image/*" />
 ```
 
 L'attribut `accept` ne valide pas les types de fichiers sélectionnés ; il fournit des indications aux navigateurs pour guider les utilisateurs vers la sélection des bons types de fichiers. Il est toujours possible (dans la plupart des cas) pour les utilisateurs de basculer une option dans le sélecteur de fichiers qui permet de passer outre et de sélectionner le fichier de leur choix, puis de choisir des types de fichiers incorrects.
@@ -36,15 +38,15 @@ Lorsque cet attribut est utilisé sur un champ permettant de sélectionner un fi
 ```html
 <p>
   <label for="soundFile">Sélectionnez un fichier audio :</label>
-  <input type="file" id="soundFile" accept="audio/*">
+  <input type="file" id="soundFile" accept="audio/*" />
 </p>
 <p>
   <label for="videoFile">Sélectionnez un fichier vidéo :</label>
-  <input type="file" id="videoFile" accept="video/*">
+  <input type="file" id="videoFile" accept="video/*" />
 </p>
 <p>
   <label for="imageFile">Sélectionner des images :</label>
-  <input type="file" id="imageFile" accept="image/*" multiple>
+  <input type="file" id="imageFile" accept="image/*" multiple />
 </p>
 ```
 
@@ -65,7 +67,7 @@ Un **spécificateur de type de fichier unique** est une chaîne qui décrit un t
 L'attribut `accept` prend comme valeur une chaîne de caractères contenant une ou plusieurs de ces spécificateurs de type de fichier unique, séparées par des virgules. Par exemple, un sélecteur de fichiers qui a besoin d'un contenu pouvant être présenté comme une image, y compris les formats d'image standard et les fichiers PDF, pourrait ressembler à ceci :
 
 ```html
-<input type="file" accept="image/*,.pdf">
+<input type="file" accept="image/*,.pdf" />
 ```
 
 ## Utilisation des champs pour saisir des fichiers
@@ -76,7 +78,7 @@ L'attribut `accept` prend comme valeur une chaîne de caractères contenant une
 <form method="post" enctype="multipart/form-data">
   <div>
     <label for="file">Choisissez le fichier à téléverser</label>
-    <input type="file" id="file" name="file" multiple>
+    <input type="file" id="file" name="file" multiple />
   </div>
   <div>
     <button>Soumettre</button>
@@ -117,8 +119,11 @@ Examinons un exemple plus complet :
 <form method="post" enctype="multipart/form-data">
   <div>
     <label for="profile_pic">Choisissez le fichier à téléverser</label>
-    <input type="file" id="profile_pic" name="profile_pic"
-          accept=".jpg, .jpeg, .png">
+    <input
+      type="file"
+      id="profile_pic"
+      name="profile_pic"
+      accept=".jpg, .jpeg, .png" />
   </div>
   <div>
     <button>Soumettre</button>

diff --git a/files/fr/web/html/attributes/autocomplete/index.md b/files/fr/web/html/attributes/autocomplete/index.md
@@ -146,7 +146,7 @@ Voir [la spécification WHATWG](https://html.spec.whatwg.org/multipage/forms.htm
 ```html
 <div>
   <label for="cc-number">Entrez votre numéro de carte de crédit</label>
-  <input name="cc-number" id="cc-number" autocomplete="off">
+  <input name="cc-number" id="cc-number" autocomplete="off" />
 </div>
 ```
 

diff --git a/files/fr/web/html/attributes/capture/index.md b/files/fr/web/html/attributes/capture/index.md
@@ -24,15 +24,15 @@ Lorsqu'ils sont définis sur un type d'entrée de fichier, les systèmes d'explo
 ```html
 <p>
   <label for="soundFile">Quel est le son de votre voix ?</label>
-  <input type="file" id="soundFile" capture="user" accept="audio/*">
+  <input type="file" id="soundFile" capture="user" accept="audio/*" />
 </p>
 <p>
   <label for="videoFile">Téléchargez une vidéo :</label>
-  <input type="file" id="videoFile" capture="environment" accept="video/*">
+  <input type="file" id="videoFile" capture="environment" accept="video/*" />
 </p>
 <p>
   <label for="imageFile">Téléchargez une photo de vous :</label>
-  <input type="file" id="imageFile" capture="user" accept="image/*">
+  <input type="file" id="imageFile" capture="user" accept="image/*" />
 </p>
 ```
 

diff --git a/files/fr/web/html/attributes/crossorigin/index.md b/files/fr/web/html/attributes/crossorigin/index.md
@@ -31,15 +31,17 @@ Un mot-clé invalide ou une chaîne de caractères vide seront interprétés com
 On peut utiliser l'élément [`<script>`](/fr/docs/Web/HTML/Element/script) afin d'indiquer au navigateur d'exécuter un script (ici, `https://exemple.com/framework-exemple.js`) sans envoyer les informations d'authentification de l'utilisateur.
 
 ```html
-<script src="https://exemple.com/framework-exemple.js" crossorigin="anonymous"></script>
+<script
+  src="https://exemple.com/framework-exemple.js"
+  crossorigin="anonymous"></script>
 ```
 
 ### Utiliser des informations d'authentification avec un manifeste
 
 La valeur `use-credentials` doit être utilisée lorsqu'on récupère un [manifeste](/fr/docs/Web/Manifest) nécessitant des informations d'authentification, y compris lorsque le fichier provient de la même origine :
 
 ```html
-<link rel="manifest" href="/app.manifest" crossorigin="use-credentials">
+<link rel="manifest" href="/app.manifest" crossorigin="use-credentials" />
 ```
 
 ## Spécifications

diff --git a/files/fr/web/html/attributes/disabled/index.md b/files/fr/web/html/attributes/disabled/index.md
@@ -45,26 +45,35 @@ Lorsque les contrôles de formulaire sont désactivés, de nombreux navigateurs
 ```html
 <fieldset>
   <legend>Cases à cocher</legend>
-  <p><label>
-    <input type="checkbox" name="chbox" value="regular"> Régulier
-  </label></p>
-  <p><label>
-    <input type="checkbox" name="chbox" value="disabled" disabled> désactivé
-  </label></p>
+  <p>
+    <label>
+      <input type="checkbox" name="chbox" value="regular" /> Régulier
+    </label>
+  </p>
+  <p>
+    <label>
+      <input type="checkbox" name="chbox" value="disabled" disabled /> désactivé
+    </label>
+  </p>
 </fieldset>
 
 <fieldset>
   <legend>Boutons radio</legend>
-  <p><label>
-    <input type="radio" name="radio" value="regular"> Régulier
-  </label></p>
-  <p><label>
-    <input type="radio" name="radio" value="disabled" disabled> désactivé
-  </label></p>
+  <p>
+    <label>
+      <input type="radio" name="radio" value="regular" /> Régulier
+    </label>
+  </p>
+  <p>
+    <label>
+      <input type="radio" name="radio" value="disabled" disabled /> désactivé
+    </label>
+  </p>
 </fieldset>
 
 <p>
-  <label>Sélectionnez une option :
+  <label
+    >Sélectionnez une option :
     <select>
       <optgroup label="Groupe 1">
         <option>Option 1.1</option>
@@ -86,10 +95,12 @@ Lorsque les contrôles de formulaire sont désactivés, de nombreux navigateurs
 <fieldset disabled>
   <legend>Champ désactivé</legend>
   <p>
-    <label>Nom : <input type="name" name="radio" value="régulier"> Régulier</label>
+    <label
+      >Nom : <input type="name" name="radio" value="régulier" /> Régulier</label
+    >
   </p>
   <p>
-    <label>Nombre : <input type="number"></label>
+    <label>Nombre : <input type="number" /></label>
   </p>
 </fieldset>
 ```

diff --git a/files/fr/web/html/attributes/elementtiming/index.md b/files/fr/web/html/attributes/elementtiming/index.md
@@ -13,7 +13,7 @@ L'attribut **`elementtiming`** est utilisé pour indiquer qu'un élément est ma
 La valeur donnée pour `elementtiming` devient un identifiant pour l'élément observé.
 
 ```html
-<img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément">
+<img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément" />
 ```
 
 De bons candidats pour les éléments que vous pourriez vouloir observer sont :

diff --git a/files/fr/web/html/attributes/for/index.md b/files/fr/web/html/attributes/for/index.md
@@ -13,15 +13,14 @@ L'attribut **`for`** est un attribut autorisé pour [`<label>`](/fr/docs/Web/HTM
 Lorsqu'il est utilisé comme attribut de `<label>`, l'attribut `for` a une valeur qui est l'`id` de l'élément de formulaire, auquel il se rapporte.
 
 ```html
-<label for="username">Votre nom</label>
-<input type="text" id="username">
+<label for="username">Votre nom</label> <input type="text" id="username" />
 ```
 
 Lorsqu'il est utilisé comme attribut de `<output>`, l'attribut `for` a une valeur qui est une liste séparée, par des espaces, des valeurs `id` des éléments, qui sont utilisés pour créer l'output.
 
 ```html
-<input type="range" id="b" name="b" value="50"> +
-<input type="number" id="a" name="a" value="10"> =
+<input type="range" id="b" name="b" value="50" /> +
+<input type="number" id="a" name="a" value="10" /> =
 <output name="result" for="a b">60</output>
 ```
 

diff --git a/files/fr/web/html/attributes/index.md b/files/fr/web/html/attributes/index.md
@@ -2159,9 +2159,13 @@ HTML5 définit des restrictions sur les valeurs autorisées des attributs boolé
 
 ```html
 <div itemscope>Ce fragment est du HTML valide mais du XML invalide.</div>
-<div itemscope=itemscope>Ce fragment est du HTML valide mais du XML invalide.</div>
+<div itemscope="itemscope">
+  Ce fragment est du HTML valide mais du XML invalide.
+</div>
 <div itemscope="">Ce fragment est du HTML valide et du XML valide.</div>
-<div itemscope="itemscope">Ce fragment est du HTML et du XML valide mais est plus verbeux.</div>
+<div itemscope="itemscope">
+  Ce fragment est du HTML et du XML valide mais est plus verbeux.
+</div>
 ```
 
 Pour être tout à fait explicite, les valeurs `"true"` et `"false"` ne sont pas autorisées pour les attributs booléens. Pour représenter une valeur fausse, il faudra ne pas écrire l'attribut du tout. Cette règle peut entraîner quelques incompréhensions : si on écrit `checked="false"` l'attribut `checked` sera présent et donc considéré comme _vrai_ (_true_).

diff --git a/files/fr/web/html/attributes/max/index.md b/files/fr/web/html/attributes/max/index.md
@@ -118,8 +118,8 @@ Voir la [validation côté client](/fr/docs/Web/Guide/HTML/HTML5/Constraint_vali
 
 Pour l'élément [`<progress>`](/fr/docs/Web/HTML/Element/Progress), l'attribut `max` décrit la quantité de travail que nécessite la tâche indiquée par l'élément `progress`. S'il est présent, il doit avoir une valeur supérieure à zéro et être un nombre à virgule flottante valide. Pour l'élément [`<meter>`](/fr/docs/Web/HTML/Element/Meter), l'attribut `max` définit la limite numérique supérieure de la plage mesurée. Celle-ci doit être supérieure à la valeur minimale ([`min`](/fr/docs/Web/HTML/Attributes/min) attribut), si elle est spécifiée. Dans les deux cas, si elle est omise, la valeur est égale à 1 par défaut.
 
-| Type d'entrée                                      | Syntaxe                             | Exemple                                                                                           |
-| -------------------------------------------------- | ----------------------------------- | ------------------------------------------------------------------------------------------------- |
+| Type d'entrée                                      | Syntaxe                               | Exemple                                                                                           |
+| -------------------------------------------------- | ------------------------------------- | ------------------------------------------------------------------------------------------------- |
 | [`<progress>`](/fr/docs/Web/HTML/Element/Progress) | [`<number>`](/fr/docs/Web/CSS/number) | `<progress id="file" max="100" value="70"> 70% </progress>`                                       |
 | [`<meter>`](/fr/docs/Web/HTML/Element/Meter)       | [`<number>`](/fr/docs/Web/CSS/number) | `<meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="40"> à 40/100</meter>` |
 

diff --git a/files/fr/web/html/attributes/maxlength/index.md b/files/fr/web/html/attributes/maxlength/index.md
@@ -17,7 +17,7 @@ Bien que le navigateur empêche généralement l'utilisateur de saisir plus de t
 ## Exemple
 
 ```html
-<input type="password" maxlength="4"/>
+<input type="password" maxlength="4" />
 ```
 
 {{EmbedLiveSample('Exemple', '', 100)}}

diff --git a/files/fr/web/html/attributes/min/index.md b/files/fr/web/html/attributes/min/index.md
@@ -116,8 +116,8 @@ Voir la [validation côté client](/fr/docs/Web/Guide/HTML/HTML5/Constraint_vali
 
 Pour l'élément [`<meter>`](/fr/docs/Web/HTML/Element/Meter), l'attribut `min` définit la limite numérique inférieure de la plage mesurée. Celle-ci doit être inférieure à la valeur minimale (attribut [`max`](/fr/docs/Web/HTML/Attributes/max)), si elle est spécifiée. Dans les deux cas, si elle est omise, la valeur est égale à 1 par défaut.
 
-| Élément                                      | Syntaxe                             | Exemple                                                                                            |
-| -------------------------------------------- | ----------------------------------- | -------------------------------------------------------------------------------------------------- |
+| Élément                                      | Syntaxe                               | Exemple                                                                                            |
+| -------------------------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------- |
 | [`<meter>`](/fr/docs/Web/HTML/Element/Meter) | [`<number>`](/fr/docs/Web/CSS/number) | `<meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="40"> at 40/100</meter>` |
 
 ### Impact sur `step`
@@ -135,7 +135,7 @@ input:invalid {
 Nous définissons ensuite une entrée avec une valeur minimale de 7,2, en omettant l'attribut « step », qui a la valeur 1 par défaut.
 
 ```html
-<input id="myNumber" name="myNumber" type="number" min="7.2" value="8">
+<input id="myNumber" name="myNumber" type="number" min="7.2" value="8" />
 ```
 
 Comme `step` a pour valeur 1 par défaut, les valeurs valides comprennent `7,2`, `8,2`, `9,2`, et ainsi de suite. La valeur 8 n'est pas valide. Comme nous avons inclus une valeur non valide, les navigateurs compatibles afficheront la valeur comme non valide.

diff --git a/files/fr/web/html/attributes/minlength/index.md b/files/fr/web/html/attributes/minlength/index.md
@@ -16,7 +16,7 @@ En ajoutant `minlength="5"`, la valeur doit soit être vide, soit comporter cinq
 
 ```html
 <label for="fruit">Entrez un nom de fruit d'au moins 5 lettres.</label>
-<input type="text" minlength="5" id="fruit">
+<input type="text" minlength="5" id="fruit" />
 ```
 
 Nous pouvons utiliser des pseudo-classes pour donner un style à l'élément en fonction de la validité de la valeur. La valeur sera valide tant qu'elle sera soit nulle (vide), soit longue de cinq caractères ou plus. _Vert_ est invalide, _Citron_ est valide.