Revision 237451 of HTML5 element list

  • Revision slug: HTML/HTML5/HTML5_element_list
  • Revision title: HTML5 element list
  • Revision id: 237451
  • Created:
  • Creator: hapztron
  • Is current revision? No
  • Comment Added description for HTML5 tags; 47 words added

Revision Content

{{ draft() }}

Work in progress. Based on the current working draft at http://www.whatwg.org/specs/web-apps/current-work/multipage/.

Editor's note: I'm not sure what the point of this page is. How is it different from the main HTML Element Reference page?

Root element

Tag  
{{ HTMLElement("html") }}  

Document metadata

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

Scripting

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

Sections

Tag Description
{{ HTMLElement("body") }} Body
{{ HTMLElement("section") }} Section in a document
{{ HTMLElement("nav") }} Navigation links
{{ HTMLElement("article") }} Article
{{ HTMLElement("aside") }} Content aside from the page content
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>  
{{ HTMLElement("hgroup") }} Groups a set of <h1> to <h6> elements when a heading has multiple levels
{{ HTMLElement("header") }} Header for a page or section
{{ HTMLElement("footer") }} Footer for a page or section
{{ HTMLElement("address") }} Contact information

Grouping content

Tag  
{{ 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") }}  

Text-level semantics

Tag  
{{ 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") }}  

Edits

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

Embedded content

Tag  
{{ 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") }}  

Tabular data

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

Forms

Tag  
{{ 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") }}  

Interactive elements

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

{{ languages( {"en": "en/HTML/HTML5/HTML5_Tags_List", "ja": "ja/HTML/HTML5/HTML5_Tags_List", "zh-cn": "zh-cn/HTML/HTML5/HTML5_Tags_List" } ) }}

Revision Source

<p>{{ draft() }}</p>
<p>Work in progress. Based on the current working draft at <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/">http://www.whatwg.org/specs/web-apps/current-work/multipage/</a>.</p>
<div class="warning"><strong>Editor's note:</strong> I'm not sure what the point of this page is. How is it different from the main <a href="/en/HTML/Element" title="HTML Elements">HTML Element Reference</a> page?</div>
<h3 style="clear: both">Root element</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</th> <th scope="col"> </th> </tr> </thead> <tbody> <tr> <td>{{ HTMLElement("html") }}</td> <td> </td> </tr> </tbody>
</table>
<h3>Document metadata</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</th> <th scope="col"> </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>Scripting</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</th> <th scope="col"> </th> </tr> </thead> <tbody> <tr> <td>{{ HTMLElement("script") }}</td> <td> </td> </tr> <tr> <td>{{ HTMLElement("noscript") }}</td> <td> </td> </tr> </tbody>
</table>
<h3>Sections</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</th> <th scope="col">Description</th> </tr> </thead> <tbody> <tr> <td>{{ HTMLElement("body") }}</td> <td>Body</td> </tr> <tr> <td>{{ HTMLElement("section") }}</td> <td>Section in a document</td> </tr> <tr> <td>{{ HTMLElement("nav") }}</td> <td>Navigation links</td> </tr> <tr> <td>{{ HTMLElement("article") }}</td> <td>Article</td> </tr> <tr> <td>{{ HTMLElement("aside") }}</td> <td>Content aside from the page content</td> </tr> <tr> <td><a href="/en/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>Groups a set of &lt;h1&gt; to &lt;h6&gt; elements when a heading has multiple levels</td> </tr> <tr> <td>{{ HTMLElement("header") }}</td> <td>Header for a page or section</td> </tr> <tr> <td>{{ HTMLElement("footer") }}</td> <td>Footer for a page or section</td> </tr> <tr> <td>{{ HTMLElement("address") }}</td> <td>Contact information</td> </tr> </tbody>
</table>
<h3>Grouping content</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</th> <th scope="col"> </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>Text-level semantics</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</th> <th scope="col"> </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>Edits</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</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>Embedded content</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</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>Tabular data</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</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>Forms</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</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>Interactive elements</h3>
<table class="standard-table"> <thead> <tr> <th scope="col">Tag</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>{{ languages( {"en": "en/HTML/HTML5/HTML5_Tags_List", "ja": "ja/HTML/HTML5/HTML5_Tags_List", "zh-cn": "zh-cn/HTML/HTML5/HTML5_Tags_List" } ) }}</p>
Revert to this revision