---
title: Liste des éléments HTML5
slug: conflicting/Web/HTML/Element
tags:
  - Débutant
  - Guide
  - HTML
  - HTML5
  - Web
translation_of: Web/HTML/Element
translation_of_original: Web/Guide/HTML/HTML5/HTML5_element_list
original_slug: Web/Guide/HTML/HTML5/Liste_des_éléments_HTML5
---
<p>Cette Page n'est pas encore complète.</p>

<p>Travail progressif basé sur document de travail en court à <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/" rel="external" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/">http://www.whatwg.org/specs/web-apps/current-work/multipage/</a>.</p>

<h3 id="Élément_racine" style="">Élément racine</h3>

<p>Les éléments racines définissent la structure d'un document HTML. Ils sont présents dans chacune des pages web et se situent à la suite de la déclaration doctype à la première ligne du document HTML. Les éléments de page sont placés à l'intérieur des balises ouvrante &lt;html&gt; et fermante &lt;/html&gt;.</p>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col">Description</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("html") }}</td>
   <td>L'<em>élément HTML racine</em> (<strong><code>&lt;html&gt;</code></strong>) représente la racine du document HTML. Tout autre élément est un descendant de cet élément racine.</td>
  </tr>
 </tbody>
</table>

<h3 id="Métadonnées_du_document">Métadonnées du document</h3>

<p>Les méta-données contiennent les informations liées à la page telles que les styles de présentation et les scripts. Les méta-données de style et de scripts peuvent être définies au sein de la page web ou via un lien pointant vers un fichier.</p>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col">Description</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("head") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("title") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("base") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("link") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("meta") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("style") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h3 id="Gestion_des_scripts">Gestion des scripts</h3>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col">Description</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("script") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("noscript") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h3 id="Sections">Sections</h3>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col">Description</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("body") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("section") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("nav") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("article") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("aside") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><a href="/fr/HTML/Element/Heading_Elements" title="Elementy blokowe"><code>&lt;h1&gt;,&lt;h2&gt;,&lt;h3&gt;,&lt;h4&gt;,&lt;h5&gt;,&lt;h6&gt;</code></a></td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("hgroup") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("header") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("footer") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("address") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h3 id="Contenu_de_type_bloc">Contenu de type bloc</h3>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col">Description</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("p") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("hr") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("pre") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("blockquote") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("ol") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("ul") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("li") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("dl") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("dt") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("dd") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("figure") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("figcaption") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("div") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h3 id="Les_sémantiques_à_un_niveau_textuel">Les sémantiques à un niveau textuel</h3>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col">Description</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("a") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("em") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("strong") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("small") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("s") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("cite") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("q") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("dfn") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("abbr") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("data") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("time") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("code") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("var") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("samp") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("kbd") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("sub") }},{{ HTMLElement("sup") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("i") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("b") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("u") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("mark") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("ruby") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("rt") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("rp") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("bdi") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("bdo") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("span") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("br") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("wbr") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h3 id="Les_éléments_d'édition">Les éléments d'édition</h3>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col"> </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("ins") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("del") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h3 id="Le_contenu_inclus">Le contenu inclus</h3>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col"> </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("img") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("iframe") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("object") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("param") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("video") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("audio") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("source") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("track") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("canvas") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("map") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("area") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("svg") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("math") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h3 id="Les_données_tabulaire">Les données tabulaire</h3>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col"> </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("table") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("caption") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("colgroup") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("col") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("tbody") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("thead") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("tfoot") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("tr") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("td") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("th") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h3 id="Les_formulaires">Les formulaires</h3>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col"> </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("form") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("fieldset") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("legend") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("label") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("input") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("button") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("select") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("datalist") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("optgroup") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("option") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("textarea") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("keygen") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("output") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("progress") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("meter") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h3 id="Les_éléments_pour_l'interactivité">Les éléments pour l'interactivité</h3>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Balise</th>
   <th scope="col"> </th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ HTMLElement("details") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("summary") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("command") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{ HTMLElement("menu") }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<p> </p>