Référence des éléments HTML

  • Raccourci de la révision : Web/HTML/Element
  • Titre de la révision : Référence des éléments HTML
  • ID de la révision : 464165
  • Créé :
  • Créateur : OlivierBaudry
  • Version actuelle ? Non
  • Commentaire menu ne semble pas encore pris en compte dans Firefox

Contenu de la révision

Cette liste référence tous les éléments HTML, définis dans HTML5 ou dans des spécifications antérieures. Souvent entourés de chevrons, ils forment alors les balises HTML : <nomélément>. Les éléments sont des composants qui indiquent comment les documents HTML doivent être construits, et quel type de contenu doit être placé à quel endroit du document.

Cette page liste toutes les balises HTML standard, mais également des balises plus anciennes voire obsolètes ou dépréciées, ainsi que des balises non standard que certains navigateurs peuvent accepter. Il est souvent fait référence aux éléments apparus avec HTML5 en parlant des nouveaux éléments HTML5, mais les autres éléments standards sont également valides en HTML5.

Dans un document HTML, un élément est défini par une balise ouvrante. Si l'élément contient un autre contenu, il se termine par une balise fermante, où le nom de l'élément est précédé par une barre oblique (/) : </nomélément>. Certains éléments n'ont pas besoin d'être fermés, comme les images (si vous voulez en savoir plus sur la structure des balises HTML, reportez vous à cette introduction à l'HTML). Ce sont des éléments vides. Chaque élément est nommé par rapport à ce qu'il fait. Par exemple, l'élément <title> représente le titre du document. Vous trouverez ci-dessous, une liste alphabétique des éléments HTML.

Le symbole Cet élément a été ajouté dans HTML5 indique que l'élément a été ajouté lors de l'apparition de HTML5. Notez que d'autres éléments listés ici peuvent avoir été modifiés ou étendus par la spécification HTML5. Les éléments estompés ne sont pas standards, sont obsolètes ou dépréciés ; ils ne doivent pas être utilisés dans de nouveaux sites web et doivent être progressivement retirés des sites existants.

Le symbole Ⓒ indique que l'élément en question est défini dans les spécifications appartenant à l'ensemble des Web Components.

A
  • {{ HTMLElement("a") }}
  • {{ HTMLElement("abbr") }}
  • {{ HTMLElement("acronym") }}
  • {{ HTMLElement("address") }}
  • {{ HTMLElement("applet") }}
  • {{ HTMLElement("area") }}
  • {{ HTMLElement("article") }}
  • {{ HTMLElement("aside") }}
  • {{ HTMLElement("audio") }}
B
  • {{ HTMLElement("b") }}
  • {{ HTMLElement("base") }}
  • {{ HTMLElement("basefont") }}
  • {{ HTMLElement("bdi") }}
  • {{ HTMLElement("bdo") }}
  • {{ HTMLElement("bgsound") }}
  • {{ HTMLElement("big") }}
  • {{ HTMLElement("blink") }}
  • {{ HTMLElement("blockquote") }}
  • {{ HTMLElement("body") }}
  • {{ HTMLElement("br") }}
  • {{ HTMLElement("button") }}
C
  • {{ HTMLElement("canvas") }}
  • {{ HTMLElement("caption") }}
  • {{ HTMLElement("center") }}
  • {{ HTMLElement("cite") }}
  • {{ HTMLElement("code") }}
  • {{ HTMLElement("col") }}
  • {{ HTMLElement("colgroup") }}
  • {{ HTMLElement("command") }}
D
  • {{ HTMLElement("data") }}
  • {{ HTMLElement("datalist") }}
  • {{ HTMLElement("dd") }}
  • {{ HTMLElement("decorator")}}
  • {{ HTMLElement("del") }}
  • {{ HTMLElement("details") }}
  • {{ HTMLElement("dfn") }}
  • {{ HTMLElement("dir") }}
  • {{ HTMLElement("div") }}
  • {{ HTMLElement("dl") }}
  • {{ HTMLElement("dt") }}
E
  • {{HTMLElement("em") }}
  • {{ HTMLElement("embed") }}
F
  • {{ HTMLElement("fieldset") }}
  • {{ HTMLElement("figcaption") }}
  • {{ HTMLElement("figure") }}
  • {{ HTMLElement("font") }}
  • {{ HTMLElement("footer") }}
  • {{ HTMLElement("form") }}
  • {{ HTMLElement("frame") }}
  • {{ HTMLElement("frameset") }}
G H
  • {{ HTMLElement("h1") }}
  • {{ HTMLElement("h2") }}
  • {{ HTMLElement("h3") }}
  • {{ HTMLElement("h4") }}
  • {{ HTMLElement("h5") }}
  • {{ HTMLElement("h6") }}
  • {{ HTMLElement("head") }}
  • {{ HTMLElement("header") }}
  • {{ HTMLElement("hgroup") }}
  • {{ HTMLElement("hr") }}
  • {{ HTMLElement("html") }}
I
  • {{ HTMLElement("i") }}
  • {{ HTMLElement("iframe") }}
  • {{ HTMLElement("img") }}
  • {{ HTMLElement("input") }}
  • {{ HTMLElement("ins") }}
  • {{ HTMLElement("isindex") }}
J K
  • {{ HTMLElement("kbd") }}
  • {{ HTMLElement("keygen") }}
L
  • {{ HTMLElement("label") }}
  • {{ HTMLElement("legend") }}
  • {{ HTMLElement("li") }}
  • {{ HTMLElement("link") }}
  • {{ HTMLElement("listing") }}
M
  • {{HTMLElement("main")}}
  • {{ HTMLElement("map") }}
  • {{ HTMLElement("mark") }}
  • {{ HTMLElement("marquee") }}
  • {{ HTMLElement("menu") }}
  • {{ HTMLElement("menuitem") }}
  • {{ HTMLElement("meta") }}
  • {{ HTMLElement("meter") }}
N
  • {{ HTMLElement("nav") }}
  • {{ HTMLElement("nobr") }}
  • {{ HTMLElement("noframes") }}
  • {{ HTMLElement("noscript") }}
O
  • {{ HTMLElement("object") }}
  • {{ HTMLElement("ol") }}
  • {{ HTMLElement("optgroup") }}
  • {{ HTMLElement("option") }}
  • {{ HTMLElement("output") }}
P
  • {{ HTMLElement("p") }}
  • {{ HTMLElement("param") }}
  • {{ HTMLElement("plaintext") }}
  • {{ HTMLElement("pre") }}
  • {{ HTMLElement("progress") }}
Q
  • {{ HTMLElement("q") }}
R
  • {{ HTMLElement("rp") }}
  • {{ HTMLElement("rt") }}
  • {{ HTMLElement("ruby") }}
S
  • {{ HTMLElement("s") }}
  • {{ HTMLElement("samp") }}
  • {{ HTMLElement("script") }}
  • {{ HTMLElement("section") }}
  • {{ HTMLElement("select") }}
  • {{ HTMLElement("small") }}
  • {{ HTMLElement("source") }}
  • {{ HTMLElement("spacer") }}
  • {{ HTMLElement("span") }}
  • {{ HTMLElement("strike") }}
  • {{ HTMLElement("strong") }}
  • {{ HTMLElement("style") }}
  • {{ HTMLElement("sub") }}
  • {{ HTMLElement("summary") }}
  • {{ HTMLElement("sup") }}
T
  • {{ HTMLElement("table") }}
  • {{ HTMLElement("tbody") }}
  • {{ HTMLElement("td") }}
  • {{ HTMLElement("template")}}
  • {{ HTMLElement("textarea") }}
  • {{ HTMLElement("tfoot") }}
  • {{ HTMLElement("th") }}
  • {{ HTMLElement("thead") }}
  • {{ HTMLElement("time") }}
  • {{ HTMLElement("title") }}
  • {{ HTMLElement("tr") }}
  • {{ HTMLElement("track") }}
  • {{ HTMLElement("tt") }}
U
  • {{ HTMLElement("u") }}
  • {{ HTMLElement("ul") }}
V
  • {{ HTMLElement("var") }}
  • {{ HTMLElement("video") }}
W
  • {{ HTMLElement("wbr") }}
X Y Z
  • {{ HTMLElement("xmp") }}

 

Source de la révision

<p>Cette liste référence tous les <strong>éléments HTML</strong>, définis dans HTML5 ou dans des spécifications antérieures. Souvent entourés de chevrons, ils forment alors les <em>balises HTML</em> : <code>&lt;nomélément&gt;</code>. Les éléments sont des composants qui indiquent comment les documents <a href="/fr/docs/Web/HTML" title="/fr/docs/HTML">HTML</a> doivent être construits, et quel type de contenu doit être placé à quel endroit du document.</p>
<p>Cette page liste toutes les balises HTML standard, mais également des balises plus anciennes voire obsolètes ou dépréciées, ainsi que des balises non standard que certains navigateurs peuvent accepter. Il est souvent fait référence aux éléments apparus avec <a href="/fr/docs/Web/HTML/HTML5" title="/fr/docs/HTML/HTML5">HTML5</a> en parlant des nouveaux éléments HTML5, mais les autres éléments standards sont également valides en HTML5.</p>
<p>Dans un document HTML, un élément est défini par une <em>balise ouvrante</em>. Si l'élément contient un autre contenu, il se termine par une <em>balise fermante</em>, où le nom de l'élément est précédé par une barre oblique (/) : <em>&lt;/nomélément&gt;</em>. Certains éléments n'ont pas besoin d'être fermés, comme les images (si vous voulez en savoir plus sur la structure des balises HTML, reportez vous à <a href="/fr/docs/Web/HTML/Introduction" title="https://developer.mozilla.org/fr/docs/HTML/introduction">cette introduction à l'HTML</a>). Ce sont des éléments <em>vides</em>. Chaque élément est nommé par rapport à ce qu'il fait. Par exemple, l'élément <code>&lt;title&gt;</code> représente le titre du document. Vous trouverez ci-dessous, une liste alphabétique des éléments HTML.</p>
<p>Le symbole <a href="/fr/docs/HTML/HTML5"><img alt="Cet élément a été ajouté dans HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="Cet élément a été ajouté dans HTML5" /></a> indique que l'élément a été ajouté lors de l'apparition de HTML5. Notez que d'autres éléments listés ici peuvent avoir été modifiés ou étendus par la spécification HTML5. Les éléments estompés ne sont pas standards, sont obsolètes ou dépréciés ; ils ne doivent pas être utilisés dans de nouveaux sites web et doivent être progressivement retirés des sites existants.</p>
<p>Le symbole Ⓒ indique que l'élément en question est défini dans les spécifications appartenant à l'ensemble des Web Components.</p>
<div class="index widgeted">
  <span id="A">A</span>
  <ul>
    <li>{{ HTMLElement("a") }}</li>
    <li>{{ HTMLElement("abbr") }}</li>
    <li><s class="obsoleteElement">{{ HTMLElement("acronym") }}</s></li>
    <li>{{ HTMLElement("address") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("applet") }}</s></li>
    <li>{{ HTMLElement("area") }}</li>
    <li class="html5">{{ HTMLElement("article") }}</li>
    <li class="html5">{{ HTMLElement("aside") }}</li>
    <li class="html5">{{ HTMLElement("audio") }}</li>
  </ul>
  <span id="B">B</span>
  <ul>
    <li>{{ HTMLElement("b") }}</li>
    <li>{{ HTMLElement("base") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("basefont") }}</s></li>
    <li class="html5">{{ HTMLElement("bdi") }}</li>
    <li>{{ HTMLElement("bdo") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("bgsound") }}</s></li>
    <li><s class="obsoleteElement">{{ HTMLElement("big") }}</s></li>
    <li><s class="nonStdElement">{{ HTMLElement("blink") }}</s></li>
    <li>{{ HTMLElement("blockquote") }}</li>
    <li>{{ HTMLElement("body") }}</li>
    <li>{{ HTMLElement("br") }}</li>
    <li>{{ HTMLElement("button") }}</li>
  </ul>
  <span id="C">C</span>
  <ul>
    <li class="html5">{{ HTMLElement("canvas") }}</li>
    <li>{{ HTMLElement("caption") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("center") }}</s></li>
    <li>{{ HTMLElement("cite") }}</li>
    <li>{{ HTMLElement("code") }}</li>
    <li>{{ HTMLElement("col") }}</li>
    <li>{{ HTMLElement("colgroup") }}</li>
    <li class="html5">{{ HTMLElement("command") }}</li>
  </ul>
  <span id="D">D</span>
  <ul>
    <li class="html5">{{ HTMLElement("data") }}</li>
    <li class="html5">{{ HTMLElement("datalist") }}</li>
    <li>{{ HTMLElement("dd") }}</li>
    <li class="webcomp">{{ HTMLElement("decorator")}}</li>
    <li>{{ HTMLElement("del") }}</li>
    <li class="html5">{{ HTMLElement("details") }}</li>
    <li>{{ HTMLElement("dfn") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("dir") }}</s></li>
    <li>{{ HTMLElement("div") }}</li>
    <li>{{ HTMLElement("dl") }}</li>
    <li>{{ HTMLElement("dt") }}</li>
  </ul>
  <span id="E">E</span>
  <ul>
    <li>{{HTMLElement("em") }}</li>
    <li class="html5">{{ HTMLElement("embed") }}</li>
  </ul>
  <span id="F">F</span>
  <ul>
    <li>{{ HTMLElement("fieldset") }}</li>
    <li class="html5">{{ HTMLElement("figcaption") }}</li>
    <li class="html5">{{ HTMLElement("figure") }}</li>
    <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("font") }}</s></li>
    <li class="html5">{{ HTMLElement("footer") }}</li>
    <li>{{ HTMLElement("form") }}</li>
    <li><s class="obsoleteElement">{{ HTMLElement("frame") }}</s></li>
    <li><s class="obsoleteElement">{{ HTMLElement("frameset") }}</s></li>
  </ul>
  <span id="G">G H</span>
  <ul>
    <li>{{ HTMLElement("h1") }}</li>
    <li>{{ HTMLElement("h2") }}</li>
    <li>{{ HTMLElement("h3") }}</li>
    <li>{{ HTMLElement("h4") }}</li>
    <li>{{ HTMLElement("h5") }}</li>
    <li>{{ HTMLElement("h6") }}</li>
    <li>{{ HTMLElement("head") }}</li>
    <li class="html5">{{ HTMLElement("header") }}</li>
    <li class="html5">{{ HTMLElement("hgroup") }}</li>
    <li>{{ HTMLElement("hr") }}</li>
    <li>{{ HTMLElement("html") }}</li>
  </ul>
  <span id="I">I</span>
  <ul>
    <li>{{ HTMLElement("i") }}</li>
    <li>{{ HTMLElement("iframe") }}</li>
    <li>{{ HTMLElement("img") }}</li>
    <li>{{ HTMLElement("input") }}</li>
    <li>{{ HTMLElement("ins") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("isindex") }}</s></li>
  </ul>
  <span id="J">J K</span>
  <ul>
    <li>{{ HTMLElement("kbd") }}</li>
    <li class="html5">{{ HTMLElement("keygen") }}</li>
  </ul>
  <span id="L">L</span>
  <ul>
    <li>{{ HTMLElement("label") }}</li>
    <li>{{ HTMLElement("legend") }}</li>
    <li>{{ HTMLElement("li") }}</li>
    <li>{{ HTMLElement("link") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("listing") }}</s></li>
  </ul>
  <span id="M">M</span>
  <ul>
    <li class="html5">{{HTMLElement("main")}}</li>
    <li>{{ HTMLElement("map") }}</li>
    <li class="html5">{{ HTMLElement("mark") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("marquee") }}</s></li>
    <li class="html5">{{ HTMLElement("menu") }}</li>
    <li class="html5">{{ HTMLElement("menuitem") }}</li>
    <li>{{ HTMLElement("meta") }}</li>
    <li class="html5">{{ HTMLElement("meter") }}</li>
  </ul>
  <span id="N">N</span>
  <ul>
    <li class="html5">{{ HTMLElement("nav") }}</li>
    <li>{{ HTMLElement("nobr") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("noframes") }}</s></li>
    <li>{{ HTMLElement("noscript") }}</li>
  </ul>
  <span id="O">O</span>
  <ul>
    <li>{{ HTMLElement("object") }}</li>
    <li>{{ HTMLElement("ol") }}</li>
    <li>{{ HTMLElement("optgroup") }}</li>
    <li>{{ HTMLElement("option") }}</li>
    <li class="html5">{{ HTMLElement("output") }}</li>
  </ul>
  <span id="P">P</span>
  <ul>
    <li>{{ HTMLElement("p") }}</li>
    <li>{{ HTMLElement("param") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("plaintext") }}</s></li>
    <li>{{ HTMLElement("pre") }}</li>
    <li class="html5">{{ HTMLElement("progress") }}</li>
  </ul>
  <span id="Q">Q</span>
  <ul>
    <li>{{ HTMLElement("q") }}</li>
  </ul>
  <span id="R">R</span>
  <ul>
    <li class="html5">{{ HTMLElement("rp") }}</li>
    <li class="html5">{{ HTMLElement("rt") }}</li>
    <li class="html5">{{ HTMLElement("ruby") }}</li>
  </ul>
  <span id="S">S</span>
  <ul>
    <li>{{ HTMLElement("s") }}</li>
    <li>{{ HTMLElement("samp") }}</li>
    <li>{{ HTMLElement("script") }}</li>
    <li class="html5">{{ HTMLElement("section") }}</li>
    <li>{{ HTMLElement("select") }}</li>
    <li>{{ HTMLElement("small") }}</li>
    <li class="html5">{{ HTMLElement("source") }}</li>
    <li><s class="nonStdElement">{{ HTMLElement("spacer") }}</s></li>
    <li>{{ HTMLElement("span") }}</li>
    <li><s class="obsoleteElement deprecatedElement">{{ HTMLElement("strike") }}</s></li>
    <li>{{ HTMLElement("strong") }}</li>
    <li>{{ HTMLElement("style") }}</li>
    <li>{{ HTMLElement("sub") }}</li>
    <li class="html5">{{ HTMLElement("summary") }}</li>
    <li>{{ HTMLElement("sup") }}</li>
  </ul>
  <span id="T">T</span>
  <ul>
    <li>{{ HTMLElement("table") }}</li>
    <li>{{ HTMLElement("tbody") }}</li>
    <li>{{ HTMLElement("td") }}</li>
    <li class="webcomp">{{ HTMLElement("template")}}</li>
    <li>{{ HTMLElement("textarea") }}</li>
    <li>{{ HTMLElement("tfoot") }}</li>
    <li>{{ HTMLElement("th") }}</li>
    <li>{{ HTMLElement("thead") }}</li>
    <li class="html5">{{ HTMLElement("time") }}</li>
    <li>{{ HTMLElement("title") }}</li>
    <li>{{ HTMLElement("tr") }}</li>
    <li class="html5">{{ HTMLElement("track") }}</li>
    <li><s class="obsoleteElement">{{ HTMLElement("tt") }}</s></li>
  </ul>
  <span id="U">U</span>
  <ul>
    <li>{{ HTMLElement("u") }}</li>
    <li>{{ HTMLElement("ul") }}</li>
  </ul>
  <span id="V">V</span>
  <ul>
    <li>{{ HTMLElement("var") }}</li>
    <li class="html5">{{ HTMLElement("video") }}</li>
  </ul>
  <span id="W">W</span>
  <ul>
    <li class="html5">{{ HTMLElement("wbr") }}</li>
  </ul>
  <span id="X">X Y Z </span>
  <ul>
    <li><span id="X"><s class="obsoleteElement deprecatedElement">{{ HTMLElement("xmp") }}</s></span></li>
  </ul>
</div>
<p>&nbsp;</p>
Revenir à cette révision