Liste des éléments HTML5

  • Raccourci de la révision : Web/Guide/HTML/HTML5/Liste_des_éléments_HTML5
  • Titre de la révision : Liste des éléments HTML5
  • ID de la révision : 430559
  • Créé :
  • Créateur : tregagnon
  • Version actuelle ? Oui
  • Commentaire Moved From Web/HTML/HTML5/Liste_des_éléments_HTML5 to Web/Guide/HTML/HTML5/Liste_des_éléments_HTML5

Contenu de la révision

Cette Page n'est pas encore complète.

Travail progressif basé sur document de travail en court à http://www.whatwg.org/specs/web-apps/current-work/multipage/.

Élément racine

Balise  
{{ HTMLElement("html") }}  

Métadonnées du document

Balise  
{{ HTMLElement("head") }}  
{{ HTMLElement("title") }}  
{{ HTMLElement("base") }}  
{{ HTMLElement("link") }}  
{{ HTMLElement("meta") }}  
{{ HTMLElement("style") }}  

Gestion des scripts

Balise  
{{ HTMLElement("script") }}  
{{ HTMLElement("noscript") }}  

Sections

Balise  
{{ HTMLElement("body") }}  
{{ HTMLElement("section") }}  
{{ HTMLElement("nav") }}  
{{ HTMLElement("article") }}  
{{ HTMLElement("aside") }}  
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>  
{{ HTMLElement("hgroup") }}  
{{ HTMLElement("header") }}  
{{ HTMLElement("footer") }}  
{{ HTMLElement("address") }}  

Contenu de type bloc

Balise  
{{ HTMLElement("p") }}  
{{ HTMLElement("hr") }}  
{{ HTMLElement("pre") }}  
{{ HTMLElement("blockquote") }}  
{{ HTMLElement("ol") }}  
{{ HTMLElement("ul") }}  
{{ HTMLElement("li") }}  
{{ HTMLElement("dl") }}  
{{ HTMLElement("dt") }}  
{{ HTMLElement("dd") }}  
{{ HTMLElement("figure") }}  
{{ HTMLElement("figcaption") }}  
{{ HTMLElement("div") }}  

Les sémantiques à un niveau textuel

Balise  
{{ HTMLElement("a") }}  
{{ HTMLElement("em") }}  
{{ HTMLElement("strong") }}  
{{ HTMLElement("small") }}  
{{ HTMLElement("s") }}  
{{ HTMLElement("cite") }}  
{{ HTMLElement("q") }}  
{{ HTMLElement("dfn") }}  
{{ HTMLElement("abbr") }}  
{{ HTMLElement("data") }}  
{{ HTMLElement("time") }}  
{{ HTMLElement("code") }}  
{{ HTMLElement("var") }}  
{{ HTMLElement("samp") }}  
{{ HTMLElement("kbd") }}  
{{ HTMLElement("sub") }},{{ HTMLElement("sup") }}  
{{ HTMLElement("i") }}  
{{ HTMLElement("b") }}  
{{ HTMLElement("u") }}  
{{ HTMLElement("mark") }}  
{{ HTMLElement("ruby") }}  
{{ HTMLElement("rt") }}  
{{ HTMLElement("rp") }}  
{{ HTMLElement("bdi") }}  
{{ HTMLElement("bdo") }}  
{{ HTMLElement("span") }}  
{{ HTMLElement("br") }}  
{{ HTMLElement("wbr") }}  

Les éléments d'édition

Balise  
{{ HTMLElement("ins") }}  
{{ HTMLElement("del") }}  

Le contenu inclus

Balise  
{{ HTMLElement("img") }}  
{{ HTMLElement("iframe") }}  
{{ HTMLElement("object") }}  
{{ HTMLElement("param") }}  
{{ HTMLElement("video") }}  
{{ HTMLElement("audio") }}  
{{ HTMLElement("source") }}  
{{ HTMLElement("track") }}  
{{ HTMLElement("canvas") }}  
{{ HTMLElement("map") }}  
{{ HTMLElement("area") }}  
{{ HTMLElement("svg") }}  
{{ HTMLElement("math") }}  

Les données tabulaire

Balise  
{{ HTMLElement("table") }}  
{{ HTMLElement("caption") }}  
{{ HTMLElement("colgroup") }}  
{{ HTMLElement("col") }}  
{{ HTMLElement("tbody") }}  
{{ HTMLElement("thead") }}  
{{ HTMLElement("tfoot") }}  
{{ HTMLElement("tr") }}  
{{ HTMLElement("td") }}  
{{ HTMLElement("th") }}  

Les formulaires

Balise  
{{ HTMLElement("form") }}  
{{ HTMLElement("fieldset") }}  
{{ HTMLElement("legend") }}  
{{ HTMLElement("label") }}  
{{ HTMLElement("input") }}  
{{ HTMLElement("button") }}  
{{ HTMLElement("select") }}  
{{ HTMLElement("datalist") }}  
{{ HTMLElement("optgroup") }}  
{{ HTMLElement("option") }}  
{{ HTMLElement("textarea") }}  
{{ HTMLElement("keygen") }}  
{{ HTMLElement("output") }}  
{{ HTMLElement("progress") }}  
{{ HTMLElement("meter") }}  

Les éléments pour l'interactivité

Balise  
{{ HTMLElement("details") }}  
{{ HTMLElement("summary") }}  
{{ HTMLElement("command") }}  
{{ HTMLElement("menu") }}  

 

Source de la révision

<p>Cette Page n'est pas encore complète.</p>
<p>Travail progressif basé sur document de travail en court&nbsp;à <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/" rel="external" target="_blank" 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=".C3.89l.C3.A9ment_racine" style="clear: both">Élément racine</h3>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Balise</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("html") }}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h3 id="M.C3.A9tadonn.C3.A9es_du_document">Métadonnées du document</h3>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Balise</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("head") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("title") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("base") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("link") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("meta") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("style") }}</td>
      <td>&nbsp;</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">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("script") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("noscript") }}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h3 id="Sections">Sections</h3>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Balise</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("body") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("section") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("nav") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("article") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("aside") }}</td>
      <td>&nbsp;</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>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("hgroup") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("header") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("footer") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("address") }}</td>
      <td>&nbsp;</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">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("p") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("hr") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("pre") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("blockquote") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("ol") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("ul") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("li") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("dl") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("dt") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("dd") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("figure") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("figcaption") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("div") }}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h3 id="Les_s.C3.A9mantiques_.C3.A0_un_niveau_textuel">Les sémantiques à un niveau textuel</h3>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Balise</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("a") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("em") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("strong") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("small") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("s") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("cite") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("q") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("dfn") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("abbr") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("data") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("time") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("code") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("var") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("samp") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("kbd") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("sub") }},{{ HTMLElement("sup") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("i") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("b") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("u") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("mark") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("ruby") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("rt") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("rp") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("bdi") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("bdo") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("span") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("br") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("wbr") }}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h3 id="Les_.C3.A9l.C3.A9ments_d'.C3.A9dition">Les éléments d'édition</h3>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Balise</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("ins") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("del") }}</td>
      <td>&nbsp;</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">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("img") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("iframe") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("object") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("param") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("video") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("audio") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("source") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("track") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("canvas") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("map") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("area") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("svg") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("math") }}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h3 id="Les_donn.C3.A9es_tabulaire">Les données tabulaire</h3>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Balise</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("table") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("caption") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("colgroup") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("col") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("tbody") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("thead") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("tfoot") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("tr") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("td") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("th") }}</td>
      <td>&nbsp;</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">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("form") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("fieldset") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("legend") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("label") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("input") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("button") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("select") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("datalist") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("optgroup") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("option") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("textarea") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("keygen") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("output") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("progress") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("meter") }}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h3 id="Les_.C3.A9l.C3.A9ments_pour_l'interactivit.C3.A9">Les éléments pour l'interactivité</h3>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Balise</th>
      <th scope="col">&nbsp;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ HTMLElement("details") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("summary") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("command") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ HTMLElement("menu") }}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revenir à cette révision