aboutsummaryrefslogtreecommitdiff
path: root/files
diff options
context:
space:
mode:
authorOkyn <0kyn.dev@gmail.com>2021-11-17 07:51:28 +0100
committerGitHub <noreply@github.com>2021-11-17 07:51:28 +0100
commitbdc45b95d9604a22e93b338e4419ac2a5e525899 (patch)
treee8170f547800f4ae4cdf3bc7d7cbe0b76317d9a9 /files
parenteaba06a2c45bd6fa31409c2142b62d739224bc6c (diff)
downloadtranslated-content-bdc45b95d9604a22e93b338e4419ac2a5e525899.tar.gz
translated-content-bdc45b95d9604a22e93b338e4419ac2a5e525899.tar.bz2
translated-content-bdc45b95d9604a22e93b338e4419ac2a5e525899.zip
Fix typo FR (#3124)
modèmes -> modèles dans d'un élement -> dans un élement maintenent -> maintenant
Diffstat (limited to 'files')
-rw-r--r--files/fr/web/web_components/using_templates_and_slots/index.md6
1 files changed, 3 insertions, 3 deletions
diff --git a/files/fr/web/web_components/using_templates_and_slots/index.md b/files/fr/web/web_components/using_templates_and_slots/index.md
index c9659d17e6..0301ce8fa9 100644
--- a/files/fr/web/web_components/using_templates_and_slots/index.md
+++ b/files/fr/web/web_components/using_templates_and_slots/index.md
@@ -8,7 +8,7 @@ original_slug: Web/Web_Components/Utilisation_des_templates_et_des_slots
Cet article explique comment utiliser les éléments [`<template>`](/fr/docs/Web/HTML/Element/template) et [`<slot>`](/fr/docs/Web/HTML/Element/slot) pour créer un modèle (<i lang="en">template</i>) flexible qui peut ensuite être utilisé pour alimenter le Shadow DOM d'un composant web.
-## La vérité sur les modèmes
+## La vérité sur les modèles
Lorsqu'une structure de balises se répète sur une page web, il est judicieux d'utiliser un modèle plutôt que d'écrire cette même structure encore et encore. Il était déjà possible de le faire, mais l'élément HTML [`<template>`](/fr/docs/Web/HTML/Element/template) (pris en charge par les navigateurs modernes) nous facilite la tâche. Cet élément et ce qu'il renferme n'est pas directement retranscrit dans le DOM, mais peut par contre toujours être manipulé avec JavaScript.
@@ -50,7 +50,7 @@ customElements.define('my-paragraph',
Le point important à noter est que l'on ajoute un clone du contenu du modèle à la racine du DOM, créé à l'aide de la méthode [`Node.cloneNode()`](/fr/docs/Web/API/Node/cloneNode).
-Et parce que nous ajoutons son contenu à un Shadow DOM, on peut inclure des informations de mise en forme à l'intérieur de l'élément `<template>` dans d'un élément [`<style>`](/fr/docs/Web/HTML/Element/style), qui est ensuite encapsulé à l'intérieur de l'élément personnalisé. Cette procédure n'aurait pas fonctionné si on avait ajouté le contenu à un DOM standard.
+Et parce que nous ajoutons son contenu à un Shadow DOM, on peut inclure des informations de mise en forme à l'intérieur de l'élément `<template>` dans un élément [`<style>`](/fr/docs/Web/HTML/Element/style), qui est ensuite encapsulé à l'intérieur de l'élément personnalisé. Cette procédure n'aurait pas fonctionné si on avait ajouté le contenu à un DOM standard.
Par exemple :
@@ -67,7 +67,7 @@ Par exemple :
</template>
```
-On peut maintenent utiliser le modèle dans le document HTML:
+On peut maintenant utiliser le modèle dans le document HTML:
```html
<my-paragraph></my-paragraph>