From 8829a7c9eb82f180bac76ed5836aaef95be209a1 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:12:55 +0200 Subject: move *.html to *.md --- files/fr/web/html/element/div/index.html | 127 ------------------------------- files/fr/web/html/element/div/index.md | 127 +++++++++++++++++++++++++++++++ 2 files changed, 127 insertions(+), 127 deletions(-) delete mode 100644 files/fr/web/html/element/div/index.html create mode 100644 files/fr/web/html/element/div/index.md (limited to 'files/fr/web/html/element/div') diff --git a/files/fr/web/html/element/div/index.html b/files/fr/web/html/element/div/index.html deleted file mode 100644 index 1764eb7d29..0000000000 --- a/files/fr/web/html/element/div/index.html +++ /dev/null @@ -1,127 +0,0 @@ ---- -title: '
: l''élément de division du contenu' -slug: Web/HTML/Element/div -tags: - - Content Division - - Element - - HTML - - HTML grouping content - - HTML:Flow content - - Layout - - Reference - - Web - - div -translation_of: Web/HTML/Element/div -browser-compat: html.elements.div ---- -
{{HTMLRef}}
- -

L'élément HTML <div> (ou division) est le conteneur générique du contenu du flux. Il n'a aucun effet sur le contenu ou la mise en page tant qu'il n'est pas mis en forme d'une manière quelconque à l'aide de CSS.

- -
{{EmbedInteractiveExample("pages/tabbed/div.html","tabbed-standard")}}
- -

En tant que conteneur « pur », l'élément <div> ne représente rien en soi. Il est plutôt utilisé pour regrouper le contenu afin qu'il puisse être facilement stylé à l'aide des attributs class ou id, pour marquer une section d'un document comme étant écrite dans une langue différente (à l'aide de l'attribut lang), etc.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Catégories de contenuContenu de flux, contenu tangible.
Contenu autoriséContenu de flux. Selon le WHATWG, si l'élément parent est un élément <dl>, un ou plusieurs éléments <dt> suivis par un ou plusieurs éléments <dd> éventuellement entrecoupés par des éléments <script> ou <template>.
Omission de balisesAucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisésTout élément qui accepte un contenu de flux. Selon le WHATWG, un élément <dl>.
Rôle ARIA implicitegeneric
Rôles ARIA autorisésTous les rôles sont autorisés.
Interface DOMHTMLDivElement
- -

Attributs

- -

Comme tous les autres éléments HTML, cet élément accepte les attributs universels.

- -
-

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 ou les boîtes flexibles (flexbox)) pour aligner et positionner des éléments <div>.

-
- -

Notes d'utilisation

- - - -

Exemples

- -

Un exemple simple

- -
<div>
-  <p>Tout type de contenu. Par exemple &lt;p&gt;,
-  &lt;table&gt;. À vous de voir&nbsp;!</p>
-</div>
- -

Le résultat ressemble à ceci :

- -

{{EmbedLiveSample("a_simple_example", "", 80)}}

- -

Un exemple mis en forme

- -

Cet exemple crée une boîte avec une ombre en appliquant la mise en forme via du CSS sur l'élément <div>. On notera l'utilisation de l'attribut class sur l'élément <div> afin d'appliquer la règle "shadowbox".

- -

HTML

- -
<div class="shadowbox">
-  <p>Voici un paragraphe très intéressant inscrit dans une boîte
-  avec une ombre.</p>
-</div>
- -

CSS

- -
.shadowbox {
-  width: 15em;
-  border: 1px solid #333;
-  box-shadow: 8px 8px 5px #444;
-  padding: 8px 12px;
-  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
-}
- -

Résultat

- -

{{EmbedLiveSample("a_styled_example", "", 150)}}

- -

Accessibilité

- -

L'élément <div> possède un rôle ARIA implicite generic (plutôt qu'aucun rôle). Cela peut avoir un impact sur certaines combinaisons de déclarations ARIA qui nécessitent un élément descendant direct avec un rôle donné pour fonctionner correctement.

- -

Spécifications

- -

{{Specifications}}

- -

Compatibilité des navigateurs

- -

{{Compat}}

- -

Voir aussi

- - diff --git a/files/fr/web/html/element/div/index.md b/files/fr/web/html/element/div/index.md new file mode 100644 index 0000000000..1764eb7d29 --- /dev/null +++ b/files/fr/web/html/element/div/index.md @@ -0,0 +1,127 @@ +--- +title: '
: l''élément de division du contenu' +slug: Web/HTML/Element/div +tags: + - Content Division + - Element + - HTML + - HTML grouping content + - HTML:Flow content + - Layout + - Reference + - Web + - div +translation_of: Web/HTML/Element/div +browser-compat: html.elements.div +--- +
{{HTMLRef}}
+ +

L'élément HTML <div> (ou division) est le conteneur générique du contenu du flux. Il n'a aucun effet sur le contenu ou la mise en page tant qu'il n'est pas mis en forme d'une manière quelconque à l'aide de CSS.

+ +
{{EmbedInteractiveExample("pages/tabbed/div.html","tabbed-standard")}}
+ +

En tant que conteneur « pur », l'élément <div> ne représente rien en soi. Il est plutôt utilisé pour regrouper le contenu afin qu'il puisse être facilement stylé à l'aide des attributs class ou id, pour marquer une section d'un document comme étant écrite dans une langue différente (à l'aide de l'attribut lang), etc.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu tangible.
Contenu autoriséContenu de flux. Selon le WHATWG, si l'élément parent est un élément <dl>, un ou plusieurs éléments <dt> suivis par un ou plusieurs éléments <dd> éventuellement entrecoupés par des éléments <script> ou <template>.
Omission de balisesAucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisésTout élément qui accepte un contenu de flux. Selon le WHATWG, un élément <dl>.
Rôle ARIA implicitegeneric
Rôles ARIA autorisésTous les rôles sont autorisés.
Interface DOMHTMLDivElement
+ +

Attributs

+ +

Comme tous les autres éléments HTML, cet élément accepte les attributs universels.

+ +
+

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 ou les boîtes flexibles (flexbox)) pour aligner et positionner des éléments <div>.

+
+ +

Notes d'utilisation

+ +
    +
  • L'élément <div> doit uniquement être utilisé lorsqu'il n'existe aucun autre élément dont la sémantique permet de représenter le contenu (par exemple <article> ou <nav>).
    • +
+ +

Exemples

+ +

Un exemple simple

+ +
<div>
+  <p>Tout type de contenu. Par exemple &lt;p&gt;,
+  &lt;table&gt;. À vous de voir&nbsp;!</p>
+</div>
+ +

Le résultat ressemble à ceci :

+ +

{{EmbedLiveSample("a_simple_example", "", 80)}}

+ +

Un exemple mis en forme

+ +

Cet exemple crée une boîte avec une ombre en appliquant la mise en forme via du CSS sur l'élément <div>. On notera l'utilisation de l'attribut class sur l'élément <div> afin d'appliquer la règle "shadowbox".

+ +

HTML

+ +
<div class="shadowbox">
+  <p>Voici un paragraphe très intéressant inscrit dans une boîte
+  avec une ombre.</p>
+</div>
+ +

CSS

+ +
.shadowbox {
+  width: 15em;
+  border: 1px solid #333;
+  box-shadow: 8px 8px 5px #444;
+  padding: 8px 12px;
+  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
+}
+ +

Résultat

+ +

{{EmbedLiveSample("a_styled_example", "", 150)}}

+ +

Accessibilité

+ +

L'élément <div> possède un rôle ARIA implicite generic (plutôt qu'aucun rôle). Cela peut avoir un impact sur certaines combinaisons de déclarations ARIA qui nécessitent un élément descendant direct avec un rôle donné pour fonctionner correctement.

+ +

Spécifications

+ +

{{Specifications}}

+ +

Compatibilité des navigateurs

+ +

{{Compat}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf