From 39f2114f9797eb51994966c6bb8ff1814c9a4da8 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 12:36:08 +0100 Subject: unslug fr: move --- files/fr/web/html/block-level_elements/index.html | 126 ++++++++++++++++++++++ 1 file changed, 126 insertions(+) create mode 100644 files/fr/web/html/block-level_elements/index.html (limited to 'files/fr/web/html/block-level_elements') diff --git a/files/fr/web/html/block-level_elements/index.html b/files/fr/web/html/block-level_elements/index.html new file mode 100644 index 0000000000..c099de574f --- /dev/null +++ b/files/fr/web/html/block-level_elements/index.html @@ -0,0 +1,126 @@ +--- +title: Éléments de bloc +slug: Web/HTML/Éléments_en_bloc +tags: + - Débutant + - HTML + - Web +translation_of: Web/HTML/Block-level_elements +--- +
{{HTMLSidebar}}
+ +

Les éléments de bloc forment une catégorie d'éléments HTML (HyperText Markup Language) en opposition aux éléments en ligne.

+ +

Leur caractéristique principale réside dans le fait qu'ils sont séparés par un saut de ligne avant et après l'élément (créant ainsi un « bloc » de contenu). On peut, en quelque sorte, les représenter comme des blocs empilés les uns sur les autres. Ce faisant, ils prennent la largeur de leurs conteneurs.

+ +
+

Note : Un élément de bloc commence toujours sur une nouvelle ligne et prend toute la largeur disponible (autrement dit, il s'étend le plus possible vers la droite et vers la gauche).

+
+ +

Exemples

+ +

HTML

+ +
<p>Ce paragraphe est un élément de bloc. Son fond a été coloré pour illustrer son conteneur.</p>
+ +

CSS

+ +
p {
+  background-color: #8ABB55;
+}
+ +

Résultat

+ +

{{EmbedLiveSample('Exemples')}}

+ +

Contrainte

+ + + +

Élément de bloc ou élément en ligne ?

+ +

Les éléments de bloc diffèrent des éléments en ligne par :

+ +
+
La mise en forme
+
Par défaut, les éléments de bloc commencent sur des nouvelles lignes.
+
Le modèle de contenu
+
De façon générale, les éléments de bloc peuvent contenir des éléments en ligne et d'autres éléments de bloc. L'idée structurelle sous-jacente est que les éléments de bloc créent de plus grandes structures que les éléments en ligne.
+
+ +

La distinction entre bloc et ligne est utilisée dans les spécifications HTML jusqu'à la version 4.01. En HTML5, cette distinction binaire est remplacée par un ensemble plus complexe de catégories de contenu. La catégorie des éléments en bloc correspond approximativement à la catégorie de contenu de flux en HTML5, celle des éléments en ligne correspond à la catégorie de contenu phrasé. Il y a également d'autres catégories (le contenu interactif par exemple).

+ +

Éléments

+ +

La liste qui suit contient tous les éléments HTML en bloc (cette catégorie n'est pas strictement applicable pour les éléments apparus avec HTML5).

+ +
+
+
{{HTMLElement("address")}}
+
Information de contact.
+
{{HTMLElement("article")}}
+
Contenu d'un article.
+
{{HTMLElement("aside")}}
+
Contenu tangentiel.
+
{{HTMLElement("blockquote")}}
+
Long bloc de citation.
+
{{HTMLElement("details")}}
+
Outil permettant de révéler des informations sur la page.
+
{{HTMLElement("dialog")}}
+
Boîte de dialogue.
+
{{HTMLElement("dd")}}
+
Description d'une définition.
+
{{HTMLElement("div")}}
+
Division d'un document.
+
{{HTMLElement("dl")}}
+
Liste de définitions.
+
{{HTMLElement("dt")}}
+
Définition/description d'un terme.
+
{{HTMLElement("fieldset")}}
+
Ensemble de champs.
+
{{HTMLElement("figcaption")}}
+
Légende d'une image.
+
{{HTMLElement("figure")}}
+
Permet de grouper des média avec une légende (voir {{HTMLElement("figcaption")}}).
+
{{HTMLElement("footer")}}
+
Bas de page ou de section.
+
{{HTMLElement("form")}}
+
Formulaire.
+
{{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}
+
Éléments de titre de niveau 1 à 6.
+
{{HTMLElement("header")}}
+
En-tête de page ou de section.
+
{{HTMLElement("hgroup")}}
+
Information d'en-tête de groupe.
+
{{HTMLElement("hr")}}
+
Ligne de division horizontale.
+
{{HTMLElement("li")}}
+
Élément d'une liste.
+
{{HTMLElement("main")}}
+
Contient le contenu central unique au document.
+
{{HTMLElement("nav")}}
+
Contient des liens de navigation.
+
{{HTMLElement("ol")}}
+
Liste ordonnée.
+
{{HTMLElement("p")}}
+
Paragraphe.
+
{{HTMLElement("pre")}}
+
Texte pré-formaté.
+
{{HTMLElement("section")}}
+
Section d'une page web.
+
{{HTMLElement("table")}}
+
Tableau.
+
{{HTMLElement("ul")}}
+
Liste non-ordonnée.
+
+
+ +

Voir aussi

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