diff options
Diffstat (limited to 'files/fr/web')
46 files changed, 115 insertions, 115 deletions
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 `<input>`, 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 </p> ``` -{{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 </p> ``` -{{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 [`<button>`](/fr/docs/Web/HTML/Element/Bu Cet attribut booléen indique que l'utilisateur ne peut pas interagir avec le contrôle ou ses contrôles descendants. Si cet attribut n'est pas spécifié, le contrôle hérite ce paramètre de l'élément contenant, par exemple `fieldset` ; s'il n'y a pas d'élément contenant avec l'attribut `disabled` défini, et que le contrôle lui-même ne possède pas cet attribut, alors le contrôle est activé. S'il est déclaré sur un [`<optgroup>`](/fr/docs/Web/HTML/Element/Optgroup), le sélecteur est toujours interactif (sauf s'il est désactivé autrement), mais aucun des éléments du groupe d'options n'est sélectionnable. -> **Note :**Si un [`<fieldset>`](/fr/docs/Web/HTML/Element/Fieldset) est désactivé, les contrôles de formulaire descendants sont tous désactivés, à l'exception des contrôles de formulaire dans la légende ([`<legend>`](/fr/docs/Web/HTML/Element/Legend)). +> **Note :** Si un [`<fieldset>`](/fr/docs/Web/HTML/Element/Fieldset) est désactivé, les contrôles de formulaire descendants sont tous désactivés, à l'exception des contrôles de formulaire dans la légende ([`<legend>`](/fr/docs/Web/HTML/Element/Legend)). Lorsqu'un élément de support a l'attribut `disabled` est appliqué, la pseudo-classe [`:disabled`](/fr/docs/Web/CSS/:disabled) s'y applique également. Inversement, les éléments qui prennent en charge l'attribut `disabled` mais qui n'ont pas l'attribut défini correspondent à la pseudo-classe [`:enabled`](/fr/docs/Web/CSS/:enabled). @@ -31,7 +31,7 @@ La différence entre `disabled` et [`readonly`](/fr/docs/Web/HTML/Attributes/rea Étant donné qu'un champ désactivé ne peut pas voir sa valeur modifiée, [`required`](/fr/docs/Web/HTML/Attributes/required) n'a aucun effet sur les entrées dont l'attribut `disabled` est également spécifié. De plus, puisque les éléments deviennent immuables, la plupart des autres attributs, tels que [`pattern`](/fr/docs/Web/HTML/Attributes/pattern), n'ont aucun effet, tant que le contrôle n'est pas activé. -> **Note :**L'attribut `required` n'est pas autorisé sur les entrées pour lesquelles l'attribut `disabled` est spécifié. +> **Note :** L'attribut `required` n'est pas autorisé sur les entrées pour lesquelles l'attribut `disabled` est spécifié. ### Utilisation @@ -99,7 +99,7 @@ Lorsque les contrôles de formulaire sont désactivés, de nombreux navigateurs </fieldset> ``` -{{EmbedLiveSample('examples', '', 460)}} +{{EmbedLiveSample('Exemples', '', 460)}} ## Spécifications diff --git a/files/fr/web/html/attributes/maxlength/index.md b/files/fr/web/html/attributes/maxlength/index.md index 1be9f67ab1..62250c498e 100644 --- a/files/fr/web/html/attributes/maxlength/index.md +++ b/files/fr/web/html/attributes/maxlength/index.md @@ -28,7 +28,7 @@ Bien que le navigateur empêche généralement l'utilisateur de saisir plus de t <input type="password" maxlength="4"/> ``` -{{EmbedLiveSample('examples', '', 100)}} +{{EmbedLiveSample('Exemple', '', 100)}} ## Spécifications diff --git a/files/fr/web/html/attributes/min/index.md b/files/fr/web/html/attributes/min/index.md index f0d824c0af..aa0d2f2144 100644 --- a/files/fr/web/html/attributes/min/index.md +++ b/files/fr/web/html/attributes/min/index.md @@ -116,7 +116,7 @@ Valable pour les types de saisie numérique, y compris les types [`date`](/fr/do </tbody> </table> -> **Note :**Lorsque les données saisies par l'utilisateur ne respectent pas la valeur minimale définie, la valeur est considérée comme non valide dans la validation des contraintes et correspondra aux pseudo-classes [`:invalid`](/fr/docs/Web/CSS/:invalid) et [`:out-of-range`](/fr/docs/Web/CSS/:out-of-range). +> **Note :** Lorsque les données saisies par l'utilisateur ne respectent pas la valeur minimale définie, la valeur est considérée comme non valide dans la validation des contraintes et correspondra aux pseudo-classes [`:invalid`](/fr/docs/Web/CSS/:invalid) et [`:out-of-range`](/fr/docs/Web/CSS/:out-of-range). Voir la [validation côté client](/fr/docs/Web/Guide/HTML/HTML5/Constraint_validation) et [`rangeUnderflow`](/fr/docs/Web/API/ValidityState/rangeUnderflow) pour plus d'informations. @@ -146,7 +146,7 @@ Nous définissons ensuite une entrée avec une valeur minimale de 7,2, en ometta 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. -{{EmbedLiveSample("impact_on_step", "", 55)}} +{{EmbedLiveSample("Impact_sur_step", "", 55)}} S'il n'est pas explicitement inclus, `step` prend par défaut la valeur 1 pour `number` et `range`, et 1 type d'unité (seconde, semaine, mois, jour) pour les types d'entrée date/heure. diff --git a/files/fr/web/html/attributes/minlength/index.md b/files/fr/web/html/attributes/minlength/index.md index d85cac2cda..114e4a560d 100644 --- a/files/fr/web/html/attributes/minlength/index.md +++ b/files/fr/web/html/attributes/minlength/index.md @@ -41,7 +41,7 @@ input:invalid:focus { } ``` -{{EmbedLiveSample('examples', '', 40)}} +{{EmbedLiveSample('Exemples', '', 40)}} ## Spécifications diff --git a/files/fr/web/html/attributes/multiple/index.md b/files/fr/web/html/attributes/multiple/index.md index ca583d7900..75d63ed2f7 100644 --- a/files/fr/web/html/attributes/multiple/index.md +++ b/files/fr/web/html/attributes/multiple/index.md @@ -73,7 +73,7 @@ Si et seulement si l'attribut `multiple` est spécifié, la valeur peut être un Certains navigateurs prennent en charge l'apparition de la [liste](/fr/docs/Web/HTML/Attributes/list) d'options de la [`<datalist>`](/fr/docs/Web/HTML/Element/datalist) pour les adresses électroniques ultérieures lorsque `multiple` est présent. D'autres ne le font pas. -{{EmbedLiveSample("email_input", '', 80)}} +{{EmbedLiveSample("Saisie_d'adresses_électroniques", '', 80)}} ### Saisie de fichiers @@ -97,7 +97,7 @@ Lorsque `multiple` est défini sur le type de saisie [`file`](/fr/docs/Web/HTML/ </form> ``` -{{EmbedLiveSample("file_input", '', 160)}} +{{EmbedLiveSample("Saisie_de_fichiers", '', 160)}} Notez la différence d'aspect entre l'exemple avec `multiple` défini et l'autre entrée `file` sans. @@ -139,7 +139,7 @@ L'attribut `multiple` de l'élément [`<select>`](/fr/docs/Web/HTML/Element/sele </form> ``` -{{EmbedLiveSample("select", '', 220)}} +{{EmbedLiveSample("Saisir_plusieurs_options", '', 220)}} Notez la différence d'apparence entre les deux contrôles de formulaire. diff --git a/files/fr/web/html/attributes/pattern/index.md b/files/fr/web/html/attributes/pattern/index.md index ed34e38b19..4dd260a0e2 100644 --- a/files/fr/web/html/attributes/pattern/index.md +++ b/files/fr/web/html/attributes/pattern/index.md @@ -20,7 +20,7 @@ La valeur de cet attribut doit être une expression rationnelle JavaScript valid Si le motif n'est pas indiqué ou est invalide, aucune expression rationnelle ne sera appliquée et l'attribut sera ignoré. -> **Note :**On pourra utiliser l'attribut [`title`](/fr/docs/Web/HTML/Element/Input#attr-title) afin de fournir aux utilisateurs des explications quant aux règles à respecter pour que la valeur soit valide. Attention, on ne doit pas utiliser uniquement cet attribut pour fournir ces explications. Voir ci-après quant à l'utilisabilité. +> **Note :** On pourra utiliser l'attribut [`title`](/fr/docs/Web/HTML/Element/Input#attr-title) afin de fournir aux utilisateurs des explications quant aux règles à respecter pour que la valeur soit valide. Attention, on ne doit pas utiliser uniquement cet attribut pour fournir ces explications. Voir ci-après quant à l'utilisabilité. Certains types d'`<input>` qui prennent en charge l'attribut `pattern` (notamment [`email`](/fr/docs/Web/HTML/Element/Input/email) et [`url`](/fr/docs/Web/HTML/Element/Input/url)) ont des contraintes particulières qui doivent également être respectées. Si l'attribut `pattern` n'est pas présent et que la valeur saisie ne respecte pas la syntaxe attendue pour ce type de champ, la propriété en lecture seule [`typeMismatch`](/fr/docs/Web/API/ValidityState/typeMismatch) vaudra `true`. @@ -114,7 +114,7 @@ input:valid+span:after { Cela donne le résultat suivant : -{{EmbedLiveSample('specifying_a_pattern', '', 130)}} +{{EmbedLiveSample('Indiquer_un_motif', '', 130)}} ## Accessibilité diff --git a/files/fr/web/html/attributes/readonly/index.md b/files/fr/web/html/attributes/readonly/index.md index 0b76f76e6e..df1a4f71fe 100644 --- a/files/fr/web/html/attributes/readonly/index.md +++ b/files/fr/web/html/attributes/readonly/index.md @@ -17,7 +17,7 @@ L'attribut `readonly` est pris en charge par les types [`text`](/fr/docs/Web/HTM L'attribut n'est pas pris en charge ou pertinent pour [`<select>`](/fr/docs/Web/HTML/Element/select) ou les types d'entrée qui ne sont déjà pas mutables, comme [`checkbox`](/fr/docs/Web/HTML/Element/Input/checkbox) et [`radio`](/fr/docs/Web/HTML/Element/Input/radio) ou ne peuvent pas, par définition, commencer par une valeur, comme le type d'entrée [`file`](/fr/docs/Web/HTML/Element/Input/file). [`range`](/fr/docs/Web/HTML/Element/Input/range) et [`color`](/fr/docs/Web/HTML/Element/Input/color), car tous deux ont des valeurs par défaut. Il n'est pas non plus pris en charge sur [`hidden`](/fr/docs/Web/HTML/Element/Input/hidden), car on ne peut pas s'attendre à ce qu'un utilisateur remplisse un formulaire qui est caché. Il n'est pas non plus supporté sur des types de boutons, y compris `image`. -> **Note :**Seuls les contrôles de texte peuvent être rendus en lecture seule, car pour les autres contrôles (comme les cases à cocher et les boutons), il n'y a pas de distinction utile entre être en lecture seule et être désactivé, donc l'attribut `readonly` ne s'applique pas. +> **Note :** Seuls les contrôles de texte peuvent être rendus en lecture seule, car pour les autres contrôles (comme les cases à cocher et les boutons), il n'y a pas de distinction utile entre être en lecture seule et être désactivé, donc l'attribut `readonly` ne s'applique pas. Lorsqu'une entrée possède l'attribut `readonly`, la pseudo-classe [`:read-only`](/fr/docs/Web/CSS/:read-only) s'y applique également. Inversement, les entrées qui prennent en charge l'attribut `readonly` mais qui n'ont pas l'attribut défini correspondent à la pseudo-classe [`:read-write`](/fr/docs/Web/CSS/:read-write). @@ -29,7 +29,7 @@ Comme un champ en lecture seule ne peut pas voir sa valeur modifiée par une int Le seul moyen de modifier dynamiquement la valeur de l'attribut readonly est d'utiliser un script. -> **Note :**L'attribut `required` n'est pas autorisé sur les entrées pour lesquelles l'attribut `readonly` est spécifié. +> **Note :** L'attribut `required` n'est pas autorisé sur les entrées pour lesquelles l'attribut `readonly` est spécifié. ### Validation des contraintes @@ -64,7 +64,7 @@ Si l'élément est en lecture seule, la valeur de l'élément ne peut pas être ### Résultat -{{EmbedLiveSample('examples')}} +{{EmbedLiveSample('Exemples')}} ## Spécifications diff --git a/files/fr/web/html/attributes/required/index.md b/files/fr/web/html/attributes/required/index.md index 9536f5638e..4120a594bc 100644 --- a/files/fr/web/html/attributes/required/index.md +++ b/files/fr/web/html/attributes/required/index.md @@ -21,7 +21,7 @@ Dans le cas d'un groupe de boutons [`radio`](/fr/docs/Web/HTML/Element/Input/rad Dans le cas d'un même groupe nommé de types d'entrée [`checkbox`](/fr/docs/Web/HTML/Element/Input/checkbox), seules les cases à cocher avec l'attribut `required` sont obligatoires. -> **Note :**Le réglage `aria-required="true"` indique à un lecteur d'écran qu'un élément (n'importe lequel) est requis, mais n'a aucune incidence sur le caractère facultatif de l'élément. +> **Note :** Le réglage `aria-required="true"` indique à un lecteur d'écran qu'un élément (n'importe lequel) est requis, mais n'a aucune incidence sur le caractère facultatif de l'élément. ## Interactions entre attributs @@ -55,7 +55,7 @@ Si l'élément est requis et que la valeur de l'élément est la chaîne vide, a ### Résultat -{{EmbedLiveSample('examples')}} +{{EmbedLiveSample('Exemple')}} ## Accessibilité diff --git a/files/fr/web/html/attributes/size/index.md b/files/fr/web/html/attributes/size/index.md index f082e281f3..ab809b42a5 100644 --- a/files/fr/web/html/attributes/size/index.md +++ b/files/fr/web/html/attributes/size/index.md @@ -40,7 +40,7 @@ En ajoutant `size` sur certains types d'entrée, la largeur de l'entrée peut ê </select> ``` -{{EmbedLiveSample('examples')}} +{{EmbedLiveSample('Exemples')}} ## Spécifications diff --git a/files/fr/web/html/attributes/step/index.md b/files/fr/web/html/attributes/step/index.md index 47ed3ebe25..76ea8779a0 100644 --- a/files/fr/web/html/attributes/step/index.md +++ b/files/fr/web/html/attributes/step/index.md @@ -136,9 +136,9 @@ Nous définissons ensuite un champ avec une valeur minimale de 7,2, en omettant 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. -{{EmbedLiveSample("min_impact_on_step","",50)}} +{{EmbedLiveSample("L'impact_de_min_sur_step","",50)}} -> **Note :**Lorsque les données saisies par l'utilisateur ne respectent pas la configuration indiquée par l'incrément, la valeur est considérée comme non valide dans la validation des contraintes et correspondra aux pseudoclasses [`:invalid`](/fr/docs/Web/CSS/:invalid) et [`:out-of-range`](/fr/docs/Web/CSS/:out-of-range). +> **Note :** Lorsque les données saisies par l'utilisateur ne respectent pas la configuration indiquée par l'incrément, la valeur est considérée comme non valide dans la validation des contraintes et correspondra aux pseudoclasses [`:invalid`](/fr/docs/Web/CSS/:invalid) et [`:out-of-range`](/fr/docs/Web/CSS/:out-of-range). Voir [Validation côté client](/fr/docs/Web/Guide/HTML/HTML5/Constraint_validation) et [`stepMismatch`](/fr/docs/Web/API/ValidityState/stepMismatch) pour plus d'informations. diff --git a/files/fr/web/html/block-level_elements/index.md b/files/fr/web/html/block-level_elements/index.md index 30365d9044..ce2c14cf9d 100644 --- a/files/fr/web/html/block-level_elements/index.md +++ b/files/fr/web/html/block-level_elements/index.md @@ -36,7 +36,7 @@ p { ### Résultat -{{EmbedLiveSample('Block-level_Example','100%',100)}} +{{EmbedLiveSample('Éléments_de_type_bloc','100%',100)}} ## Utilisation diff --git a/files/fr/web/html/element/a/index.md b/files/fr/web/html/element/a/index.md index 145bcd6226..fc5bbdf380 100644 --- a/files/fr/web/html/element/a/index.md +++ b/files/fr/web/html/element/a/index.md @@ -71,7 +71,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu - `_parent` : le contexte de navigation parent de celui en cours. S'il n'y a pas de parent, il se comporte comme `_self`. - `_top` : le contexte de navigation le plus haut (le contexte "le plus haut" qui est un ancêtre du contexte actuel). S'il n'a aucun ancêtre, il se comporte comme `_self`. - > **Note :**Définir `target="_blank"` sur les éléments `<a>` fournit implicitement le même comportement `rel` que définir [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. Voir la [compatibilité des navigateurs](#browser_compatibility) pour le support. + > **Note :** Définir `target="_blank"` sur les éléments `<a>` fournit implicitement le même comportement `rel` que définir [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. Voir la [compatibilité des navigateurs](#browser_compatibility) pour le support. - **`type`** - : Donne des indications sur le format de l'URL liée avec un [Type MIME](/fr/docs/Glossary/MIME_type). Aucune fonctionnalité intégrée. @@ -82,7 +82,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu - : Fait allusion aux [encodages des caractères](/fr/docs/Glossary/character_encoding) de l'URL liée. - > **Note :**Cet attribut est déprécié et **ne doit pas être utilisé par les auteurs**. Utilisez l'en-tête HTTP [`Content-Type`](/fr/docs/Web/HTTP/Headers/Content-Type) sur l'URL liée. + > **Note :** Cet attribut est déprécié et **ne doit pas être utilisé par les auteurs**. Utilisez l'en-tête HTTP [`Content-Type`](/fr/docs/Web/HTTP/Headers/Content-Type) sur l'URL liée. - **`coords`** {{Deprecated_Inline}} - : Utilisé avec [l'attribut `shape`](#shape). Une liste de coordonnées séparées par des virgules. @@ -90,7 +90,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu - : Était nécessaire pour définir un emplacement cible possible dans une page. En HTML 4.01, `id` et `name` pouvaient tous deux être utilisés sur `<a>`, pour autant qu'ils aient des valeurs identiques. - > **Note :**Utilisez l'attribut universel [`id`](/fr/docs/Web/HTML/Global_attributes#attr-id) à la place. + > **Note :** Utilisez l'attribut universel [`id`](/fr/docs/Web/HTML/Global_attributes#attr-id) à la place. - **`rev`** {{Deprecated_Inline}} - : Spécifiait un lien inverse ; l'opposé de [l'attribut `rel`](#rel). Déprécié pour avoir été très confus. @@ -98,7 +98,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu - : La forme de la région de l'hyperlien dans une carte d'image. - > **Note :**Utilisez plutôt l'élément [`<area>`](/fr/docs/Web/HTML/Element/area) pour les cartes d'images. + > **Note :** Utilisez plutôt l'élément [`<area>`](/fr/docs/Web/HTML/Element/area) pour les cartes d'images. ## Propriétés @@ -225,7 +225,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu #### Résultat -{{EmbedLiveSample("linking_to_an_absolute_url", "100%", 50)}} +{{EmbedLiveSample("Créer_un_lien_vers_une_URL_absolue", "100%", 50)}} ### Créer des liens vers des URL relatives @@ -243,7 +243,7 @@ a { display: block; margin-bottom: 0.5em } #### Résultat -{{EmbedLiveSample("linking_to_relative_urls", "100%", 120)}} +{{EmbedLiveSample("Créer_des_liens_vers_des_URL_relatives", "100%", 120)}} ### Créer un lien vers un élément de la même page @@ -257,7 +257,7 @@ a { display: block; margin-bottom: 0.5em } <h2 id="section_further_down">Section plus bas</h2> ``` -> **Note :**Vous pouvez utiliser `href="#top"` ou le fragment vide (`href="#"`) pour créer un lien vers le haut de la page actuelle, [comme défini dans la spécification HTML](https://html.spec.whatwg.org/multipage/browsing-the-web.html#scroll-to-the-fragment-identifier). +> **Note :** Vous pouvez utiliser `href="#top"` ou le fragment vide (`href="#"`) pour créer un lien vers le haut de la page actuelle, [comme défini dans la spécification HTML](https://html.spec.whatwg.org/multipage/browsing-the-web.html#scroll-to-the-fragment-identifier). ### Créer un lien avec une adresse électronique @@ -349,7 +349,7 @@ document.querySelector('a').addEventListener('click', event => ##### Résultat -{{EmbedLiveSample('example_painting_app_with_save_link', '100%', '420')}} +{{EmbedLiveSample("Exemple_d'application_de_peinture_avec_lien_de_sauvegarde", '100%', '420')}} ## Sécurité et vie privée diff --git a/files/fr/web/html/element/abbr/index.md b/files/fr/web/html/element/abbr/index.md index af55af9279..df283b9048 100644 --- a/files/fr/web/html/element/abbr/index.md +++ b/files/fr/web/html/element/abbr/index.md @@ -131,7 +131,7 @@ On peut baliser une abréviation sans fournir de description ou de définition, #### Résultat -{{EmbedLiveSample("marking_up_an_abbreviation_semantically", "100%", 80)}} +{{EmbedLiveSample("Baliser_une_abréviation_pour_marquer_la_sémantique", "100%", 80)}} ### Mettre en forme des abréviations @@ -153,7 +153,7 @@ abbr { #### Résultat -{{EmbedLiveSample("styling_abbreviations", "100%", 80)}} +{{EmbedLiveSample("Mettre_en_forme_des_abréviations", "100%", 80)}} ### Fournir une description @@ -167,7 +167,7 @@ On peut ajouter un attribut [`title`](/fr/docs/Web/HTML/Global_attributes#attr-t #### Résultat -{{EmbedLiveSample("providing_an_expansion", "100%", 80)}} +{{EmbedLiveSample("Fournir_une_description", "100%", 80)}} ### Définir une abréviation @@ -188,7 +188,7 @@ l'utiliser.</p> #### Résultat -{{EmbedLiveSample("defining_an_abbreviation", "100%", 160)}} +{{EmbedLiveSample("Définir_une_abréviation", "100%", 160)}} ## Accessibilité diff --git a/files/fr/web/html/element/address/index.md b/files/fr/web/html/element/address/index.md index d58e461f67..00dd68aeff 100644 --- a/files/fr/web/html/element/address/index.md +++ b/files/fr/web/html/element/address/index.md @@ -162,7 +162,7 @@ Cet élément n'a pas d'autres attributs que les [attributs universels](/fr/docs ### Résultat -{{EmbedLiveSample("example", "100%", 190)}} +{{EmbedLiveSample("Exemple", "100%", 190)}} Bien que le rendu par défaut du texte de l'élément `<address>` utilise le même style par défaut que les éléments [`<i>`](/fr/docs/Web/HTML/Element/i) ou [`<em>`](/fr/docs/Web/HTML/Element/em), il est plus approprié d'utiliser cet élément lorsque l'on traite d'informations de contact, étant donné qu'il apporte des informations sémantiques supplémentaires. diff --git a/files/fr/web/html/element/applet/index.md b/files/fr/web/html/element/applet/index.md index 30fbcbea96..3621ae511b 100644 --- a/files/fr/web/html/element/applet/index.md +++ b/files/fr/web/html/element/applet/index.md @@ -130,7 +130,7 @@ Cet élément peut utiliser [les attributs universels](/fr/docs/Web/HTML/Global_ ### Résultat -{{EmbedLiveSample("example","100%", 30)}} +{{EmbedLiveSample("Exemple","100%", 30)}} ## Spécifications diff --git a/files/fr/web/html/element/area/index.md b/files/fr/web/html/element/area/index.md index d7fcde5a30..0250454cfd 100644 --- a/files/fr/web/html/element/area/index.md +++ b/files/fr/web/html/element/area/index.md @@ -143,7 +143,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu Cet attribut doit uniquement être utilisé si l'attribut [`href`](#attr-href) est présent. - > **Note :**La définition de `target="_blank"` sur les éléments `<area>` fournit implicitement le même comportement `rel` que la définition de [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. Voir la [compatibilité des navigateurs](#browser_compatibility) pour les informations sur son support. + > **Note :** La définition de `target="_blank"` sur les éléments `<area>` fournit implicitement le même comportement `rel` que la définition de [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. Voir la [compatibilité des navigateurs](#browser_compatibility) pour les informations sur son support. ### Attributs dépréciés ou obsolètes @@ -153,7 +153,7 @@ Cet élément inclut les [attributs universels](/fr/docs/Web/HTML/Global_attribu - : Indique une absence d'hyperlien pour la zone d'intérêt. Cet attribut doit être présent si **href** ne l'est pas et _vice versa_. - > **Note :**Cet attribut est obsolète en HTML5, ne pas utiliser l'attribut `href` suffit. + > **Note :** Cet attribut est obsolète en HTML5, ne pas utiliser l'attribut `href` suffit. - **`tabindex`** {{deprecated_inline}} - : Une valeur numérique définissant l'ordre de la zone d'intérêt parmi les différentes étiquettes. Cet attribut est un attribut universel avec HTML5. @@ -174,7 +174,7 @@ Dans cet exemple, la partie gauche est un lien vers une page et la partie droite ### Résultat -{{EmbedLiveSample("example", "100%", "230")}} +{{EmbedLiveSample("Exemple", "100%", "230")}} ## Spécifications diff --git a/files/fr/web/html/element/aside/index.md b/files/fr/web/html/element/aside/index.md index 072a44e523..9e515beaef 100644 --- a/files/fr/web/html/element/aside/index.md +++ b/files/fr/web/html/element/aside/index.md @@ -131,7 +131,7 @@ Dans cet exemple, on utilise `<aside>` afin de baliser un paragraphe d'un articl ### Résultat -{{EmbedLiveSample("example", "100%", 150)}} +{{EmbedLiveSample("Exemple", "100%", 150)}} ## Spécifications diff --git a/files/fr/web/html/element/bdo/index.md b/files/fr/web/html/element/bdo/index.md index 6627375b8f..a750c36dc2 100644 --- a/files/fr/web/html/element/bdo/index.md +++ b/files/fr/web/html/element/bdo/index.md @@ -122,7 +122,7 @@ Comme pour tous les éléments, on peut appliquer [les attributs universels](/fr ### Résultat -{{EmbedLiveSample("examples","100%",120)}} +{{EmbedLiveSample("Exemples","100%",120)}} ## Notes diff --git a/files/fr/web/html/element/big/index.md b/files/fr/web/html/element/big/index.md index 193964cd00..42332863f5 100644 --- a/files/fr/web/html/element/big/index.md +++ b/files/fr/web/html/element/big/index.md @@ -66,7 +66,7 @@ Cet exemple utilise la propriété CSS [`font-size`](/fr/docs/Web/CSS/font-size) #### Résultat -{{EmbedLiveSample("using_css_font-size", "", 100)}} +{{EmbedLiveSample("Utilisation_de_la_propriété_CSS_font-size", "", 100)}} ## Interface DOM diff --git a/files/fr/web/html/element/blockquote/index.md b/files/fr/web/html/element/blockquote/index.md index 240f710845..627f7d95f4 100644 --- a/files/fr/web/html/element/blockquote/index.md +++ b/files/fr/web/html/element/blockquote/index.md @@ -124,7 +124,7 @@ Cet exemple démontre l'utilisation de l'élément `<blockquote>` pour citer un Le résultat de cet extrait HTML ressemble à ceci : -{{EmbedLiveSample("example", 640, 200)}} +{{EmbedLiveSample("Exemple", 640, 200)}} ## Spécifications diff --git a/files/fr/web/html/element/br/index.md b/files/fr/web/html/element/br/index.md index a3e251e54a..066e1456e1 100644 --- a/files/fr/web/html/element/br/index.md +++ b/files/fr/web/html/element/br/index.md @@ -18,7 +18,7 @@ L'élément HTML **`<br>`** crée un saut de ligne (un retour chariot) dans le t Comme vous pouvez le voir dans l'exemple ci-dessus, un élément `<br>` est inclus à chaque point où nous voulons que le texte soit interrompu. Le texte après le `<br>` recommence au début de la ligne suivante du bloc de texte. -> **Note :**Attention, `<br>` ne doit pas être utilisé de façon abusive afin d'augmenter l'espace entre les lignes d'un texte. Pour cela, on utilisera la propriété [CSS](/fr/docs/Web/CSS) [`margin`](/fr/docs/Web/CSS/margin) sur l'élément HTML [`<p>`](/fr/docs/Web/HTML/Element/p). +> **Note :** Attention, `<br>` ne doit pas être utilisé de façon abusive afin d'augmenter l'espace entre les lignes d'un texte. Pour cela, on utilisera la propriété [CSS](/fr/docs/Web/CSS) [`margin`](/fr/docs/Web/CSS/margin) sur l'élément HTML [`<p>`](/fr/docs/Web/HTML/Element/p). ## Attributs @@ -51,7 +51,7 @@ USA<br> Le résultat ressemble à ceci : -{{EmbedLiveSample('simple_br', '', '130')}} +{{EmbedLiveSample('Simple_rupture_de_ligne', '', '130')}} ## Accessibilité diff --git a/files/fr/web/html/element/button/index.md b/files/fr/web/html/element/button/index.md index 198ca7ea2e..de096d3782 100644 --- a/files/fr/web/html/element/button/index.md +++ b/files/fr/web/html/element/button/index.md @@ -198,7 +198,7 @@ Si vos boutons ne servent pas à soumettre des données de formulaire à un serv <button name="button">Cliquez sur moi :)</button> ``` -{{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 `<canvas>` 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 `<cite> 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 `<code>` : 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 `<details>` 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 `<summary>` (ou une chaîne par défaut définie par [l'agent utilisateur](/fr/docs/Glossary/User_agent) si aucun `<summary>`). @@ -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 [`<summary>`](/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 `<details>` — 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 `<details>` 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 `<details>` 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 `<dfn>` contient un seul élément enfant et n'a pas de contenu textuel propre, et que l'élément enfant est un élément [`<abbr>`](/fr/docs/Web/HTML/Element/abbr) avec un attribut `title` lui-même, alors la valeur exacte du `<abbr>` de l'élément `title` est le terme défini. 3. Sinon, le contenu textuel de l'élément `<dfn>` est le terme défini. Ceci est illustré [dans le premier exemple ci-dessous](#basic_identification_of_a_term). -> **Note :**Si l'élément `<dfn>` possède un attribut `title`, il _doit_ contenir le terme défini et aucun autre texte. +> **Note :** Si l'élément `<dfn>` possède un attribut `title`, il _doit_ contenir le terme défini et aucun autre texte. ### Liens vers des éléments de type `<dfn>` @@ -134,7 +134,7 @@ L'élément `<dfn>` 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 `<abbr>` est imbriqué dans l'élément `<dfn>`. 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 `<div>` 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 `<div>`. 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 `<div>`. +> **Note :** L'attribut **`align`** est désormais obsolète et ne doit plus être appliqué pour un `<div>`. 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 `<div>`. ## 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 </dl> ``` -{{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 </dl> ``` -{{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 </dl> ``` -{{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 `<em>` 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 `<fieldset>` très simple, avec un `<legend>`, et un seul #### Résultat -{{EmbedLiveSample('simple_fieldset', '100%', '80')}} +{{EmbedLiveSample('Exemple_simple', '100%', '80')}} ### \<fieldset> 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 </figure> ``` -{{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 </figure> ``` -{{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 </figure> ``` -{{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 </figure> ``` -{{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 **`<form>` **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 **`<form>`** 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 `<input type=file>`. + > **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 `<input type=file>`. - `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 [`<button>`](/fr/docs/Web/HTML/Element/Button), [`<input type="submit">`](/fr/docs/Web/HTML/Element/Input/submit), ou [`<input type="image">`](/fr/docs/Web/HTML/Element/Input/image). - > **Note :**La définition de `target="_blank"` sur les éléments `<form>` fournit implicitement le même comportement `rel` que la définition de [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. + > **Note :** La définition de `target="_blank"` sur les éléments `<form>` fournit implicitement le même comportement `rel` que la définition de [`rel="noopener"`](/fr/docs/Web/HTML/Link_types/noopener) qui ne définit pas `window.opener`. ## Exemples @@ -207,7 +207,7 @@ Les attributs suivants contrôlent le comportement pendant l'envoi du formulaire ### Résultat -{{EmbedLiveSample("examples", "100%", 130)}} +{{EmbedLiveSample("Exemples", "100%", 130)}} ## Spécifications diff --git a/files/fr/web/html/element/iframe/index.md b/files/fr/web/html/element/iframe/index.md index ea6c809a01..5913a7a74e 100644 --- a/files/fr/web/html/element/iframe/index.md +++ b/files/fr/web/html/element/iframe/index.md @@ -112,13 +112,13 @@ Cet élément prend en charge [les attributs universels](/fr/docs/Web/HTML/Globa - : Cet attribut, lorsqu'il vaut `true`, indique que l'_iframe_ intégrée peut être passée en plein écran via la méthode[`Element.requestFullscreen()`](/fr/docs/Web/API/Element/requestFullScreen). - > **Note :**Cet attribut est considéré comme historique et a été redéfini avec `allow="fullscreen"`. + > **Note :** Cet attribut est considéré comme historique et a été redéfini avec `allow="fullscreen"`. - `allowpaymentrequest` - : Cet attribut, lorsqu'il vaut `true`, permet à l'_iframe_ intégrée d'appeler l'API [Payment Request](/fr/docs/Web/API/Payment_Request_API). - > **Note :**Cet attribut est considéré comme historique et a été redéfini avec `allow="payment"`. + > **Note :** Cet attribut est considéré comme historique et a été redéfini avec `allow="payment"`. - `csp` {{experimental_inline}} - : L'attribut `csp` définit [la politique de sécurité du contenu](/fr/docs/Web/HTTP/CSP) que le document intégré doit respecter. Voir [`HTMLIFrameElement.csp`](/fr/docs/Web/API/HTMLIFrameElement/csp) pour plus de détails. @@ -233,7 +233,7 @@ L'exemple qui suit utilise la page située à <https://example.org> pour l'inté #### Résultat -{{EmbedLiveSample('example1', 640, 400)}} +{{EmbedLiveSample('Exemples', 640, 400)}} ## Accessibilité diff --git a/files/fr/web/html/element/img/index.md b/files/fr/web/html/element/img/index.md index 45eb9499c7..410fdcf2a8 100644 --- a/files/fr/web/html/element/img/index.md +++ b/files/fr/web/html/element/img/index.md @@ -115,7 +115,7 @@ Cet élément inclut les [attributs globaux](/fr/docs/Web/HTML/Global_attributes - : Un attribut booléen dont la valeur indique si l'image fait partie d'une carte cliquable. Si c'est le cas, les coordonnées du clic seront envoyées au serveur. - > **Note :**Cet attribut est uniquement autorisé si l'élément `<img>` descend d'un élément [`<a>`](/fr/docs/Web/HTML/Element/a) dont l'attribut [`href`](/fr/docs/Web/HTML/Element/a#attr-href) est valide. + > **Note :** Cet attribut est uniquement autorisé si l'élément `<img>` descend d'un élément [`<a>`](/fr/docs/Web/HTML/Element/a) dont l'attribut [`href`](/fr/docs/Web/HTML/Element/a#attr-href) est valide. - `loading` {{experimental_inline}} @@ -124,7 +124,7 @@ Cet élément inclut les [attributs globaux](/fr/docs/Web/HTML/Global_attributes - `eager` : Charge l'image immédiatement, que l'image se trouve ou non dans le viewport visible (c'est la valeur par défaut). - `lazy` : Diffère le chargement de l'image au moment où elle atteint une certaine distance de la fenêtre de visualisation, telle que définie par le navigateur. Le but est d'éviter que le réseau et la zone de stockage nécessaires à la manipulation de l'image ne soient utilisés tant qu'il n'est pas relativement sûr que celle-ci sera nécessaire. Cela permet généralement d'améliorer les performances du contenu dans la plupart des cas d'utilisation typiques. - > **Note :**Le chargement n'est différé que lorsque JavaScript est activé. Il s'agit d'une mesure anti-pistage, car si un agent utilisateur prenait en charge le chargement différé lorsque les scripts sont désactivés, il serait toujours possible pour un site de suivre la position de défilement approximative d'un utilisateur tout au long d'une session, en plaçant stratégiquement des images dans le balisage d'une page de sorte qu'un serveur puisse suivre le nombre d'images demandées et le moment où elles le sont. + > **Note :** Le chargement n'est différé que lorsque JavaScript est activé. Il s'agit d'une mesure anti-pistage, car si un agent utilisateur prenait en charge le chargement différé lorsque les scripts sont désactivés, il serait toujours possible pour un site de suivre la position de défilement approximative d'un utilisateur tout au long d'une session, en plaçant stratégiquement des images dans le balisage d'une page de sorte qu'un serveur puisse suivre le nombre d'images demandées et le moment où elles le sont. - `referrerpolicy` {{experimental_inline}} @@ -171,7 +171,7 @@ Cet élément inclut les [attributs globaux](/fr/docs/Web/HTML/Global_attributes - : Le fragment d'URL (commençant avec #) d'une [carte d'images](/fr/docs/Web/HTML/Element/map) associée à cet élément. - > **Note :**Cet attribut ne peut pas être utilisé si l'élément `<img>` est un descendant d'un élément [`<a>`](/fr/docs/Web/HTML/Element/a) ou d'un élément [`<button>`](/fr/docs/Web/HTML/Element/Button). + > **Note :** Cet attribut ne peut pas être utilisé si l'élément `<img>` est un descendant d'un élément [`<a>`](/fr/docs/Web/HTML/Element/a) ou d'un élément [`<button>`](/fr/docs/Web/HTML/Element/Button). ### Attributs obsolètes @@ -198,7 +198,7 @@ Cet élément inclut les [attributs globaux](/fr/docs/Web/HTML/Global_attributes - : Un lien vers une description plus détaillée de l'image. Les valeurs possibles sont une URL ou un identifiant ([`id`](/fr/docs/Web/HTML/Global_attributes#attr-id)) d'un élément. - > **Note :**Cet attribut est mentionné dans la dernière version du [W3C](/fr/docs/Glossary/W3C), [HTML 5.2](https://www.w3.org/TR/html52/obsolete.html#element-attrdef-img-longdesc), mais a été supprimé du [HTML Living Standard](https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element) du [WHATWG](/fr/docs/Glossary/WHATWG). Son avenir est incertain ; les auteurs devraient utiliser une alternative [WAI](/fr/docs/Glossary/WAI)-[ARIA](/fr/docs/Glossary/ARIA) telle que [`aria-describedby`](https://www.w3.org/TR/wai-aria-1.1/#aria-describedby) ou [`aria-details`](https://www.w3.org/TR/wai-aria-1.1/#aria-details). + > **Note :** Cet attribut est mentionné dans la dernière version du [W3C](/fr/docs/Glossary/W3C), [HTML 5.2](https://www.w3.org/TR/html52/obsolete.html#element-attrdef-img-longdesc), mais a été supprimé du [HTML Living Standard](https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element) du [WHATWG](/fr/docs/Glossary/WHATWG). Son avenir est incertain ; les auteurs devraient utiliser une alternative [WAI](/fr/docs/Glossary/WAI)-[ARIA](/fr/docs/Glossary/ARIA) telle que [`aria-describedby`](https://www.w3.org/TR/wai-aria-1.1/#aria-describedby) ou [`aria-details`](https://www.w3.org/TR/wai-aria-1.1/#aria-details). - `name` {{deprecated_inline}} - : Un nom pour l'élément. Utilisez plutôt l'attribut [`id`](/fr/docs/Web/HTML/Global_attributes#attr-id). @@ -226,7 +226,7 @@ L'exemple suivant intègre une image dans la page et inclut un texte alternatif alt="MDN logo"> ``` -{{EmbedLiveSample('Alternative_text', '100%', '160')}} +{{EmbedLiveSample('Texte_alternatif', '100%', '160')}} ### Lien image @@ -238,7 +238,7 @@ Cet exemple s'appuie sur le précédent, en montrant comment transformer l'image </a> ``` -{{EmbedLiveSample('image_link', '100%', '160')}} +{{EmbedLiveSample('Lien_image', '100%', '160')}} ### Créer un lien avec une image @@ -250,7 +250,7 @@ Dans cet exemple, nous incluons un attribut `srcset` avec une référence à une srcset="favicon144.png 2x"> ``` -{{EmbedLiveSample('using_the_srcset_attribute', '100%', '160')}} +{{EmbedLiveSample('Créer_un_lien_avec_une_image', '100%', '160')}} ### Utiliser les attributs `srcset` et `sizes` @@ -264,9 +264,9 @@ L'attribut `src` est ignoré lorsque l'agent utilisateur prend en charge `srcset sizes="(min-width: 600px) 200px, 50vw"> ``` -{{EmbedLiveSample("using_the_srcset_and_sizes_attributes", "100%", 450)}} +{{EmbedLiveSample("Utiliser_les_attributs_srcset_et_sizes", "100%", 450)}} -> **Note :**Pour observer l'effet du redimensionnement, vous devrez consulter [l'exemple sur une page séparée](/fr/docs/Web/HTML/Element/img/Using_the_srcset_and_sizes_attributes) afin de pouvoir modifier la taille de la zone. +> **Note :** Pour observer l'effet du redimensionnement, vous devrez consulter [l'exemple sur une page séparée](/fr/docs/Web/HTML/Element/img/Using_the_srcset_and_sizes_attributes) afin de pouvoir modifier la taille de la zone. ## Sécurité et vie privée diff --git a/files/fr/web/html/element/input/range/index.md b/files/fr/web/html/element/input/range/index.md index 8c12a7a150..eb985953b5 100644 --- a/files/fr/web/html/element/input/range/index.md +++ b/files/fr/web/html/element/input/range/index.md @@ -230,7 +230,7 @@ Par exemple : <input type="range" id="volume" min="0" max="11" value="7" step="1"> ``` -{{EmbedLiveSample("horizontal", 200, 200, "orientation_sample1.png")}} +{{EmbedLiveSample("Horizontal", 200, 200, "orientation_sample1.png")}} Le contrôle est ici horizontal, pour le rendre vertical, on pourra utiliser un peu de CSS afin de le rendre plus haut que large : @@ -253,7 +253,7 @@ Le contrôle est ici horizontal, pour le rendre vertical, on pourra utiliser un ##### Résultat -{{EmbedLiveSample("vertical", 200, 200, "orientation_sample2.png")}} +{{EmbedLiveSample("Vertical", 200, 200, "orientation_sample2.png")}} **Currently, no major browsers support creating vertical range inputs using CSS this way, even though it's the way the specification recommends they do it.** diff --git a/files/fr/web/html/element/kbd/index.md b/files/fr/web/html/element/kbd/index.md index b1579c8986..b29e821b08 100644 --- a/files/fr/web/html/element/kbd/index.md +++ b/files/fr/web/html/element/kbd/index.md @@ -121,7 +121,7 @@ En imbriquant un élément `<kbd>` dans un élément {{HTMLElement("samp")}}, on {{EmbedLiveSample("Saisie_restituée", 650, 100)}} -### Représenter les options de saisies à l’écran +### Représenter les options de saisies à l'écran Imbriquer un élément `<samp>` dans un élément `<kbd>` représente une saisie basée sur du texte affiché par le système (par exemple des noms de menu, d'éléments de menu, des noms de boutons affichés à l'écran, etc.). @@ -147,7 +147,7 @@ On voit ici différentes imbrications. La description de l'option du menu est in #### Résultat -{{EmbedLiveSample("Representer_les_options_de_saisies_a_l_ecran", 650, 120)}} +{{EmbedLiveSample("Représenter_les_options_de_saisies_à _l'écran", 650, 120)}} ## Résumé technique diff --git a/files/fr/web/html/element/ol/index.md b/files/fr/web/html/element/ol/index.md index 475069e0b5..0d7e7302d1 100644 --- a/files/fr/web/html/element/ol/index.md +++ b/files/fr/web/html/element/ol/index.md @@ -128,7 +128,7 @@ L'élément HTML **`<ol>`** représente une liste ordonnée. Les éléments d'un Le type spécifié est utilisé pour l'ensemble de la liste, sauf si un attribut différent [`type`](/fr/docs/Web/HTML/Element/li#attr-type) est utilisé sur un élément [`<li>`](/fr/docs/Web/HTML/Element/li) fermé. - > **Note :**À moins que le type du numéro de la liste n'ait de l'importance (comme dans les documents juridiques ou techniques où les éléments sont référencés par leur numéro/lettre), utilisez plutôt la propriété CSS [`list-style-type`](/fr/docs/Web/CSS/list-style-type). + > **Note :** À moins que le type du numéro de la liste n'ait de l'importance (comme dans les documents juridiques ou techniques où les éléments sont référencés par leur numéro/lettre), utilisez plutôt la propriété CSS [`list-style-type`](/fr/docs/Web/CSS/list-style-type). ## Note d'utilisation @@ -159,7 +159,7 @@ Pour déterminer la liste à utiliser, essayez de modifier l'ordre des élément Le HTML ci-dessus affichera : -{{EmbedLiveSample("simple_example", 400, 150)}} +{{EmbedLiveSample("Exemple_simple", 400, 150)}} ### Utilisation des chiffres romains @@ -173,7 +173,7 @@ Le HTML ci-dessus affichera : Le HTML ci-dessus affichera : -{{EmbedLiveSample("using_roman_numeral_type", 400, 150)}} +{{EmbedLiveSample("Utilisation_des_chiffres_romains", 400, 150)}} ### Utilisation de l'attribut start @@ -189,7 +189,7 @@ Le HTML ci-dessus affichera : Le HTML ci-dessus affichera : -{{EmbedLiveSample("using_the_start_attribute", 400, 160)}} +{{EmbedLiveSample("Utilisation_de_l'attribut_start", 400, 160)}} ### Listes imbriquées @@ -209,7 +209,7 @@ Le HTML ci-dessus affichera : Le HTML ci-dessus affichera : -{{EmbedLiveSample("nesting_lists", 400, 200)}} +{{EmbedLiveSample("Listes_imbriquées", 400, 200)}} ### Liste non ordonnée dans une liste ordonnée @@ -229,7 +229,7 @@ Le HTML ci-dessus affichera : Le HTML ci-dessus affichera : -{{EmbedLiveSample("unordered_list_inside_ordered_list", 400, 200)}} +{{EmbedLiveSample("Liste_non_ordonnée_dans_une_liste_ordonnée", 400, 200)}} ## Spécifications diff --git a/files/fr/web/html/element/tr/index.md b/files/fr/web/html/element/tr/index.md index 14e4f60a96..1a74c1ec20 100644 --- a/files/fr/web/html/element/tr/index.md +++ b/files/fr/web/html/element/tr/index.md @@ -113,7 +113,7 @@ th, td { #### Résultat -{{EmbedLiveSample("basic_example","100%","200")}} +{{EmbedLiveSample("Exemple_simple","100%","200")}} ### Étendre sur plusieurs lignes ou colonnes @@ -123,7 +123,7 @@ On utilise ici les attributs `rowspan` et `colspan` pour étendre des cellules s Une fois n'est pas coutume, commençons par regarder le résultat produit. -{{EmbedLiveSample("row_and_column_spanning")}} +{{EmbedLiveSample("Étendre_sur_plusieurs_lignes_ou_colonnes")}} On voit que la zone d'en-tête occupe deux lignes : la première avec le nom, l'identifiant, les dates et le solde du compte ; la seconde avec les dates d'inscription et de résiliation qui forment un sous-groupe de colonnes. Pour obtenir ceci, on a: @@ -243,7 +243,7 @@ th, td { Le résultat n'a pas changé visuellement mais la structure comporte des informations sémantiques complémentaires. -{{EmbedLiveSample("explicitly_specifying_table_content_groups", 500, 200)}} +{{EmbedLiveSample("Distinguer_en-tête_et_contenu", 500, 200)}} ### Mise en forme simple @@ -255,7 +255,7 @@ Modifions ici la police et la couleur d'arrière-plan pour la ligne d'en-tête. Là encore, regardons le résultat pour commencer. -{{EmbedLiveSample("basic_styling", 500, 200)}} +{{EmbedLiveSample("Mise_en_forme_simple", 500, 200)}} #### HTML @@ -329,7 +329,7 @@ Allons encore plus loin dans la mise en forme avec des styles pour l'en-tête ai Voici le résultat qui sera obtenu : -{{EmbedLiveSample("advanced_styling", 500, 200)}} +{{EmbedLiveSample("Mise_en_forme_avancée", 500, 200)}} #### HTML diff --git a/files/fr/web/html/inline_elements/index.md b/files/fr/web/html/inline_elements/index.md index 7c8bc2f452..e75b49d17e 100644 --- a/files/fr/web/html/inline_elements/index.md +++ b/files/fr/web/html/inline_elements/index.md @@ -39,7 +39,7 @@ ligne.</p> Dans cet exemple, l'élément [`<p>`](/fr/docs/Web/HTML/Element/p) (le paragraphe) est un élément de bloc qui contient du texte. Dans ce texte, on a un élément [`<span>`](/fr/docs/Web/HTML/Element/span) qui est un élément en ligne. L'élément `<span>` étant un élément en ligne, le paragraphe est bien affiché sous la forme d'un flux de texte sans rupture : -{{EmbedLiveSample("Inline", "", 120)}} +{{EmbedLiveSample("Élément_en_ligne", "", 120)}} ```css hidden body { @@ -77,7 +77,7 @@ body { Et voici le résultat qu'on obtient : -{{EmbedLiveSample("Block-level", "", 150)}} +{{EmbedLiveSample("Élément_de_bloc", "", 150)}} On voit ici que l'élément `<div>` modifie complètement la disposition du texte et le découpe en trois parties : une partie avant le `<div>`, une partie constituée avec le texte de l'élément `<div>` et une dernière partie ensuite. |