diff --git a/files/fr/web/html/attributes/accept/index.md b/files/fr/web/html/attributes/accept/index.md index 59926b23cf5130..2e0e09868eaa32 100644 --- 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 `` comme celui-ci : ```html - + ``` En revanche, si vous acceptez un fichier multimédia, vous pouvez inclure tout format de ce type de média : ```html - - - + + + ``` 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

- +

- +

- +

``` @@ -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 - + ``` ## 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
- +
@@ -117,8 +119,11 @@ Examinons un exemple plus complet :
- +
diff --git a/files/fr/web/html/attributes/autocomplete/index.md b/files/fr/web/html/attributes/autocomplete/index.md index b892cdf514153d..d25862c904b733 100644 --- 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
- +
``` diff --git a/files/fr/web/html/attributes/capture/index.md b/files/fr/web/html/attributes/capture/index.md index c8b23f3db92241..5dd042c5110153 100644 --- 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

- +

- +

- +

``` diff --git a/files/fr/web/html/attributes/crossorigin/index.md b/files/fr/web/html/attributes/crossorigin/index.md index 007b4a1283dd2e..e70ccaf9feba02 100644 --- a/files/fr/web/html/attributes/crossorigin/index.md +++ b/files/fr/web/html/attributes/crossorigin/index.md @@ -31,7 +31,9 @@ Un mot-clé invalide ou une chaîne de caractères vide seront interprétés com On peut utiliser l'élément [` + ``` ### Utiliser des informations d'authentification avec un manifeste @@ -39,7 +41,7 @@ On peut utiliser l'élément [` diff --git a/files/fr/web/html/attributes/required/index.md b/files/fr/web/html/attributes/required/index.md index a34a01e0f47f9d..1b49e67c6bbca5 100644 --- a/files/fr/web/html/attributes/required/index.md +++ b/files/fr/web/html/attributes/required/index.md @@ -37,14 +37,14 @@ Si l'élément est requis et que la valeur de l'élément est la chaîne vide, a ```html
- +
- +
- + ``` diff --git a/files/fr/web/html/attributes/size/index.md b/files/fr/web/html/attributes/size/index.md index 73ad3e78e392c8..c3c5e93499adf8 100644 --- a/files/fr/web/html/attributes/size/index.md +++ b/files/fr/web/html/attributes/size/index.md @@ -15,8 +15,10 @@ L'attribut `size` n'a aucun impact sur la validation des contraintes. En ajoutant `size` sur certains types d'entrée, la largeur de l'entrée peut être contrôlée. L'ajout de la taille sur une sélection modifie la hauteur, définissant le nombre d'options visibles à l'état fermé. ```html - - + + + + + ``` Les valeurs valides comprennent `1,2`, `3,2`, `5,2`, `7,2`, `9,2`, `11,2`, et ainsi de suite. Les nombres entiers et les nombres pairs suivis de .2 ne sont pas valides. Comme nous avons inclus une valeur non valide, les navigateurs qui prennent en charge cette valeur l'afficheront comme non valide. Le compteur de nombres, s'il est présent, n'affichera que les valeurs flottantes valides de `1,2` et plus. diff --git a/files/fr/web/html/constraint_validation/index.md b/files/fr/web/html/constraint_validation/index.md index 8ed30380e8caf0..dc90625e7b904e 100644 --- a/files/fr/web/html/constraint_validation/index.md +++ b/files/fr/web/html/constraint_validation/index.md @@ -24,10 +24,10 @@ En HTML, les contraintes de base peuvent être déclarées de deux façons  Les contraintes intrinsèques portées par l'attribut [`type`](/fr/docs/Web/HTML/Element/input#type) sont : -| Type de champ | Description de la contrainte | Violation correspondante | -| --------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- | -| [``](/fr/docs/Web/HTML/Element/input/url) | La valeur doit être une [URL](/fr/docs/Learn/Common_questions/Web_mechanics/What_is_a_URL) absolue, telle que définie [dans le standard évolutif URL](https://url.spec.whatwg.org/). | [`TypeMismatch`](/fr/docs/Web/API/ValidityState/typeMismatch) | -| [``](/fr/docs/Web/HTML/Element/input/email) | La valeur doit être une adresse électronique avec une syntaxe valide (généralement au format `nom@domaine.tld` ou `nom@domaine`). | [`TypeMismatch`](/fr/docs/Web/API/ValidityState/typeMismatch) | +| Type de champ | Description de la contrainte | Violation correspondante | +| --------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------- | +| [``](/fr/docs/Web/HTML/Element/input/url) | La valeur doit être une [URL](/fr/docs/Learn/Common_questions/Web_mechanics/What_is_a_URL) absolue, telle que définie [dans le standard évolutif URL](https://url.spec.whatwg.org/). | [`TypeMismatch`](/fr/docs/Web/API/ValidityState/typeMismatch) | +| [``](/fr/docs/Web/HTML/Element/input/email) | La valeur doit être une adresse électronique avec une syntaxe valide (généralement au format `nom@domaine.tld` ou `nom@domaine`). | [`TypeMismatch`](/fr/docs/Web/API/ValidityState/typeMismatch) | Pour ces deux types de champ, si l'attribut [`multiple`](/fr/docs/Web/HTML/Element/input#multiple) est utilisé, plusieurs valeurs peuvent être passées dans le champ sous la forme d'une liste séparée par des virgules. Si au moins une des valeurs ne respecte pas les conditions décrites ici, la violation de contrainte `TypeMismatch` est déclenchée. diff --git a/files/fr/web/html/content_categories/index.md b/files/fr/web/html/content_categories/index.md index 8f2a66d5118888..561bf6c99b9499 100644 --- a/files/fr/web/html/content_categories/index.md +++ b/files/fr/web/html/content_categories/index.md @@ -137,7 +137,9 @@ Si l'élément possède un modèle de contenu transparent, son contenu doit alor Les éléments {{HTMLElement("del")}} et {{HTMLELement("ins")}} sont des exemples d'éléments transparents. ```html -

Bonjour tout le monde.

+

+ Bonjour tout le monde. +

``` Si ces éléments étaient retirés, ce fragment de code HTML serait toujours du HTML valide. diff --git a/files/fr/web/html/cors_enabled_image/index.md b/files/fr/web/html/cors_enabled_image/index.md index caebbef56859d6..dfc3e0d0fc407d 100644 --- a/files/fr/web/html/cors_enabled_image/index.md +++ b/files/fr/web/html/cors_enabled_image/index.md @@ -61,9 +61,10 @@ Voici le code qui démarre le téléchargement (déclenché par exemple lorsque ```js function startDownload() { - let imageURL = "https://cdn.glitch.com/4c9ebeb9-8b9a-4adc-ad0a-238d9ae00bb5%2Fmdn_logo-only_color.svg?1535749917189"; + let imageURL = + "https://cdn.glitch.com/4c9ebeb9-8b9a-4adc-ad0a-238d9ae00bb5%2Fmdn_logo-only_color.svg?1535749917189"; - downloadedImg = new Image; + downloadedImg = new Image(); downloadedImg.crossOrigin = "Anonymous"; downloadedImg.addEventListener("load", imageReceived, false); downloadedImg.src = imageURL; @@ -91,8 +92,7 @@ function imageReceived() { try { localStorage.setItem("saved-image-example", canvas.toDataURL("image/png")); - } - catch(err) { + } catch (err) { console.log("Error: " + err); } } diff --git a/files/fr/web/html/element/a/index.md b/files/fr/web/html/element/a/index.md index abf57fd0f68a3f..02ee1242e58af7 100644 --- a/files/fr/web/html/element/a/index.md +++ b/files/fr/web/html/element/a/index.md @@ -206,9 +206,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu #### HTML ```html - - Mozilla - + Mozilla ``` #### Résultat @@ -226,7 +224,10 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu ``` ```css hidden -a { display: block; margin-bottom: 0.5em } +a { + display: block; + margin-bottom: 0.5em; +} ``` #### Résultat @@ -237,9 +238,7 @@ a { display: block; margin-bottom: 0.5em } ```html -

- Passez à la rubrique ci-dessous -

+

Passez à la rubrique ci-dessous

Section plus bas

@@ -323,28 +322,31 @@ a { ##### JavaScript ```js -var canvas = document.querySelector('canvas'), - c = canvas.getContext('2d'); -c.fillStyle = 'hotpink'; +var canvas = document.querySelector("canvas"), + c = canvas.getContext("2d"); +c.fillStyle = "hotpink"; function draw(x, y) { if (isDrawing) { c.beginPath(); - c.arc(x, y, 10, 0, Math.PI*2); + c.arc(x, y, 10, 0, Math.PI * 2); c.closePath(); c.fill(); } } -canvas.addEventListener('mousemove', event => - draw(event.offsetX, event.offsetY) -); -canvas.addEventListener('mousedown', () => isDrawing = true); -canvas.addEventListener('mouseup', () => isDrawing = false); - -document.querySelector('a').addEventListener('click', event => - event.target.href = canvas.toDataURL() +canvas.addEventListener("mousemove", (event) => + draw(event.offsetX, event.offsetY), ); +canvas.addEventListener("mousedown", () => (isDrawing = true)); +canvas.addEventListener("mouseup", () => (isDrawing = false)); + +document + .querySelector("a") + .addEventListener( + "click", + (event) => (event.target.href = canvas.toDataURL()), + ); ``` ##### Résultat @@ -368,9 +370,7 @@ L'utilisation de `target="_blank"` sans [`rel="noreferrer"`](/fr/docs/Web/HTML/L Une erreur tristement courante consiste à ne relier que les mots « cliquez ici » ou « ici » : ```html example-bad -

- En savoir plus sur nos produits ici. -

+

En savoir plus sur nos produits ici.

``` ##### Résultat @@ -382,9 +382,7 @@ Une erreur tristement courante consiste à ne relier que les mots « cliquez ici Heureusement, il s'agit d'une solution facile, et elle est en fait plus courte que la version inaccessible ! ```html example-good -

- En savoir plus à propos de nos produits. -

+

En savoir plus à propos de nos produits.

``` ##### Résultat @@ -428,12 +426,12 @@ Si une icône est utilisée en lieu et place du texte pour indiquer ce comportem ```html Wikipédia - (s'ouvre dans un nouvel onglet) + (s'ouvre dans un nouvel onglet) Rapport annuel 2017 (PowerPoint) - (fichier PowerPoint) + (fichier PowerPoint) ``` @@ -450,11 +448,10 @@ Un _skip link_ (aussi appelé _skipnav_ en anglais) est un élément `a` qui est Skip to main content -
- … -
+
…
-
+
+ ``` #### Résultat diff --git a/files/fr/web/html/element/abbr/index.md b/files/fr/web/html/element/abbr/index.md index eb95a1a9effb5b..a17d60a8657150 100644 --- a/files/fr/web/html/element/abbr/index.md +++ b/files/fr/web/html/element/abbr/index.md @@ -110,8 +110,7 @@ On peut baliser une abréviation sans fournir de description ou de définition, ```html

- Nous allons voir le HTML qui sert à construire - des pages web. + Nous allons voir le HTML qui sert à construire des pages web.

``` @@ -162,14 +161,17 @@ Il est possible d'utiliser l'élément `` avec [``](/fr/docs/Web/HTML #### HTML ```html -

HTML - est un langage de balise qui permet de créer la structure -et d'organiser la sémantique d'une page web.

- -

Une spécification -(spec) est un document qui décrit, -de façon détaillée comme une technologie ou une API fonctionne et comment -l'utiliser.

+

+ HTML est + un langage de balise qui permet de créer la structure et d'organiser la + sémantique d'une page web. +

+ +

+ Une spécification (spec) est un document qui décrit, de façon détaillée comme une technologie ou une + API fonctionne et comment l'utiliser. +

``` #### Résultat @@ -183,8 +185,10 @@ C'est une bonne pratique que d'épeler l'acronyme ou l'abréviation lorsqu'elle #### Exemples ```html -

JavaScript Object Notation (JSON) est un format léger - d'échange de données.

+

+ JavaScript Object Notation (JSON) est un format léger d'échange + de données. +

``` ##### Résultat diff --git a/files/fr/web/html/element/acronym/index.md b/files/fr/web/html/element/acronym/index.md index 9c01381ab27b7c..8e62b8621d9d50 100644 --- a/files/fr/web/html/element/acronym/index.md +++ b/files/fr/web/html/element/acronym/index.md @@ -26,8 +26,8 @@ Cet élément implémente l'interface [`HTMLElement`](/fr/docs/Web/API/HTMLEleme ```html

- Le WWW - n'est qu'une facette d'Internet. + Le WWW + n'est qu'une facette d'Internet.

``` diff --git a/files/fr/web/html/element/address/index.md b/files/fr/web/html/element/address/index.md index afbeae92bd78c7..523ecafc604edf 100644 --- a/files/fr/web/html/element/address/index.md +++ b/files/fr/web/html/element/address/index.md @@ -134,14 +134,14 @@ Cet élément n'a pas d'autres attributs que les [attributs universels](/fr/docs ```html
Vous pouvez contacter l'auteur à l'adresse - www.undomaine.com.
+ www.undomaine.com.
Si vous relevez quelques bogues que ce soient, merci de contacter - le webmaster.
- Vous pouvez aussi venir nous voir :
- Mozilla Foundation
- 1981 Landings Drive
- Building K
- Mountain View, CA 94043-0801
+ le webmaster.
+ Vous pouvez aussi venir nous voir :
+ Mozilla Foundation
+ 1981 Landings Drive
+ Building K
+ Mountain View, CA 94043-0801
USA
``` diff --git a/files/fr/web/html/element/area/index.md b/files/fr/web/html/element/area/index.md index aa931462e94e3e..ef8ee505fd3916 100644 --- a/files/fr/web/html/element/area/index.md +++ b/files/fr/web/html/element/area/index.md @@ -157,10 +157,15 @@ Dans cet exemple, la partie gauche est un lien vers une page et la partie droite ```html - Page d'accueil MDN + Page d'accueil MDN - + ``` ### Résultat diff --git a/files/fr/web/html/element/aside/index.md b/files/fr/web/html/element/aside/index.md index 0e9b56d1a3ea3d..83b59656315a61 100644 --- a/files/fr/web/html/element/aside/index.md +++ b/files/fr/web/html/element/aside/index.md @@ -105,17 +105,12 @@ Dans cet exemple, on utilise `