diff options
| author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-13 07:08:36 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-10-13 07:08:36 +0200 |
| commit | 2727d3c76fd54476ecc29fc01b6ce3fe8e33b582 (patch) | |
| tree | 63d2792b527b189d288b229a63a8e98ddd95d23f /files/fr/web/html/block-level_elements | |
| parent | faa42f59fe323aa6c5da07ab099ce903ab955cc5 (diff) | |
| download | translated-content-2727d3c76fd54476ecc29fc01b6ce3fe8e33b582.tar.gz translated-content-2727d3c76fd54476ecc29fc01b6ce3fe8e33b582.tar.bz2 translated-content-2727d3c76fd54476ecc29fc01b6ce3fe8e33b582.zip | |
Prepare HTML section for Markdown conversion (#2628)
* Remove summary classes
* Remove useless spans
* Remove notranslate
* Fix element index page (cf en-US)
* Align page vs en-US cf8bcd9 for CI
* Remove hidden classes
* remove ids
* Fix notes - part 1 / n
* Fix notes - part 2/2
* Fix warnings
* fix dls and some other issues
* Fix imgs and styles
Diffstat (limited to 'files/fr/web/html/block-level_elements')
| -rw-r--r-- | files/fr/web/html/block-level_elements/index.html | 123 |
1 files changed, 61 insertions, 62 deletions
diff --git a/files/fr/web/html/block-level_elements/index.html b/files/fr/web/html/block-level_elements/index.html index 948738c8c5..7b1944d421 100644 --- a/files/fr/web/html/block-level_elements/index.html +++ b/files/fr/web/html/block-level_elements/index.html @@ -11,11 +11,11 @@ tags: translation_of: Web/HTML/Block-level_elements original_slug: Web/HTML/Éléments_en_bloc --- -<p class="summary">Les éléments HTML (<strong>Hypertext Markup Language</strong>) étaient historiquement catégorisés comme des éléments de type "block" ou de type "inline". Comme il s'agit d'une caractéristique de présentation, elle est aujourd'hui spécifiée par CSS dans la <a href="/fr/docs/Web/CSS/CSS_Flow_Layout">disposition en flux</a>. Un élément de type bloc occupe tout l'espace horizontal de son élément parent (conteneur), et un espace vertical égal à la hauteur de son contenu, créant ainsi un bloc. Dans cet article, nous examinerons les éléments HTML de type bloc et comment ils diffèrent des <a href="/fr/docs/Web/HTML/Inline_elements">éléments en ligne</a>.</p> +<p>Les éléments HTML (<strong>Hypertext Markup Language</strong>) étaient historiquement catégorisés comme des éléments de type "block" ou de type "inline". Comme il s'agit d'une caractéristique de présentation, elle est aujourd'hui spécifiée par CSS dans la <a href="/fr/docs/Web/CSS/CSS_Flow_Layout">disposition en flux</a>. Un élément de type bloc occupe tout l'espace horizontal de son élément parent (conteneur), et un espace vertical égal à la hauteur de son contenu, créant ainsi un bloc. Dans cet article, nous examinerons les éléments HTML de type bloc et comment ils diffèrent des <a href="/fr/docs/Web/HTML/Inline_elements">éléments en ligne</a>.</p> <p>Les navigateurs affichent généralement un élément de type bloc avec une nouvelle ligne avant et après l'élément. Vous pouvez les visualiser comme une pile de boîtes.</p> -<div class="notecard note"> +<div class="note"> <p><strong>Note :</strong> 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).</p> </div> @@ -57,66 +57,65 @@ Son fond a été coloré pour illustrer son conteneur.</p></pre> <p>La liste qui suit contient tous les éléments HTML de type bloc (cette catégorie n'est pas strictement applicable pour les éléments apparus avec HTML5).</p> -<div class="index"> - <dl> - <dt><a href="/fr/docs/Web/HTML/Element/address"><code><address></code></a></dt> - <dd>Information de contact.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a></dt> - <dd>Contenu d'un article.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/aside"><code><aside></code></a></dt> - <dd>Contenu tangentiel.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/blockquote"><code><blockquote></code></a></dt> - <dd>Long bloc de citation.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/details"><code><details></code></a></dt> - <dd>Outil permettant de révéler des informations sur la page.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/dialog"><code><dialog></code></a></dt> - <dd>Boîte de dialogue.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/dd"><code><dd></code></a></dt> - <dd>Description d'une définition.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a></dt> - <dd>Division d'un document.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/dl"><code><dl></code></a></dt> - <dd>Liste de définitions.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/dt"><code><dt></code></a></dt> - <dd>Définition/description d'un terme.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/Fieldset"><code><fieldset></code></a></dt> - <dd>Ensemble de champs.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/figcaption"><code><figcaption></code></a></dt> - <dd>Légende d'une image.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/figure"><code><figure></code></a></dt> - <dd>Permet de grouper des médias avec une légende (voir <a href="/fr/docs/Web/HTML/Element/figcaption"><code><figcaption></code></a>).</dd> - <dt><a href="/fr/docs/Web/HTML/Element/footer"><code><footer></code></a></dt> - <dd>Bas de page ou de section.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a></dt> - <dd>Formulaire.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h1></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h2></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h3></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h4></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h5></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h6></code></a></dt> - <dd>Éléments de titre de niveau 1 à 6.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/header"><code><header></code></a></dt> - <dd>En-tête de page ou de section.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/hgroup"><code><hgroup></code></a></dt> - <dd>Information d'en-tête de groupe.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/hr"><code><hr></code></a></dt> - <dd>Ligne de division horizontale.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/li"><code><li></code></a></dt> - <dd>Élément d'une liste.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/main"><code><main></code></a></dt> - <dd>Contient le contenu central unique au document.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/nav"><code><nav></code></a></dt> - <dd>Contient des liens de navigation.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/ol"><code><ol></code></a></dt> - <dd>Liste ordonnée.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/p"><code><p></code></a></dt> - <dd>Paragraphe.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/pre"><code><pre></code></a></dt> - <dd>Texte pré-formaté.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/section"><code><section></code></a></dt> - <dd>Section d'une page web.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/table"><code><table></code></a></dt> - <dd>Tableau.</dd> - <dt><a href="/fr/docs/Web/HTML/Element/ul"><code><ul></code></a></dt> - <dd>Liste non-ordonnée.</dd> - </dl> -</div> +<dl> + <dt><a href="/fr/docs/Web/HTML/Element/address"><code><address></code></a></dt> + <dd>Information de contact.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a></dt> + <dd>Contenu d'un article.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/aside"><code><aside></code></a></dt> + <dd>Contenu tangentiel.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/blockquote"><code><blockquote></code></a></dt> + <dd>Long bloc de citation.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/details"><code><details></code></a></dt> + <dd>Outil permettant de révéler des informations sur la page.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/dialog"><code><dialog></code></a></dt> + <dd>Boîte de dialogue.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/dd"><code><dd></code></a></dt> + <dd>Description d'une définition.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a></dt> + <dd>Division d'un document.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/dl"><code><dl></code></a></dt> + <dd>Liste de définitions.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/dt"><code><dt></code></a></dt> + <dd>Définition/description d'un terme.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/Fieldset"><code><fieldset></code></a></dt> + <dd>Ensemble de champs.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/figcaption"><code><figcaption></code></a></dt> + <dd>Légende d'une image.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/figure"><code><figure></code></a></dt> + <dd>Permet de grouper des médias avec une légende (voir <a href="/fr/docs/Web/HTML/Element/figcaption"><code><figcaption></code></a>).</dd> + <dt><a href="/fr/docs/Web/HTML/Element/footer"><code><footer></code></a></dt> + <dd>Bas de page ou de section.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/Form"><code><form></code></a></dt> + <dd>Formulaire.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h1></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h2></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h3></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h4></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h5></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h6></code></a></dt> + <dd>Éléments de titre de niveau 1 à 6.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/header"><code><header></code></a></dt> + <dd>En-tête de page ou de section.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/hgroup"><code><hgroup></code></a></dt> + <dd>Information d'en-tête de groupe.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/hr"><code><hr></code></a></dt> + <dd>Ligne de division horizontale.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/li"><code><li></code></a></dt> + <dd>Élément d'une liste.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/main"><code><main></code></a></dt> + <dd>Contient le contenu central unique au document.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/nav"><code><nav></code></a></dt> + <dd>Contient des liens de navigation.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/ol"><code><ol></code></a></dt> + <dd>Liste ordonnée.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/p"><code><p></code></a></dt> + <dd>Paragraphe.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/pre"><code><pre></code></a></dt> + <dd>Texte pré-formaté.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/section"><code><section></code></a></dt> + <dd>Section d'une page web.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/table"><code><table></code></a></dt> + <dd>Tableau.</dd> + <dt><a href="/fr/docs/Web/HTML/Element/ul"><code><ul></code></a></dt> + <dd>Liste non-ordonnée.</dd> +</dl> + <h2 id="See_also">Voir aussi</h2> |