---
title: HTML5 の要素
slug: conflicting/Web/HTML/Element
tags:
  - HTML
  - HTML5
translation_of: Web/HTML/Element
translation_of_original: Web/Guide/HTML/HTML5/HTML5_element_list
original_slug: Web/Guide/HTML/HTML5/HTML5_element_list
---
<p>This page list all <strong>standard HTML5 elements</strong>, described by their opening tag and grouped by function. Contrary to the <a href="/ja/docs/HTML/Element" title="HTML/Element">HTML Element index</a> which lists all possible tags, standard, non-standard, valid, obsolete or deprecated ones, this list only the valid HTML5 elements. Only those should be used in new Web sites.</p>

<p>The symbol <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a> indicates that the element has been added in HTML5. Note that other elements listed here may have been modified or extended by the HTML5 specification.</p>

<h2 id="Root_element" name="Root_element">ルート要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("html")}}</td>
   <td>HTML 文書、XHTML 文書のルート（基点）要素。他の全ての要素はこの要素の子孫要素として配置しなくてはなりません。</td>
  </tr>
 </tbody>
</table>

<h2 id="Document_metadata" name="Document_metadata">文書メタデータ要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("head")}}</td>
   <td>Represents a collection of metadata about the document, including links to or definitions of scripts and style sheets.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("title")}}</td>
   <td>Defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text and any contained tags are not interpreted.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("base")}}</td>
   <td>Defines the base URL for relative URL in the page.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("link")}}</td>
   <td>Used to link JavaScript and external CSS with the current HTML document.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("meta")}}</td>
   <td>Defines metadata that can't be defined using other HTML element.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("style")}}</td>
   <td>Style tag is used to write inline CSS.</td>
  </tr>
 </tbody>
</table>

<h2 id="Scripting" name="Scripting">スクリプティング要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("script")}}</td>
   <td>Defines either an internal script or link to an external script. The script language is JavaScript</td>
  </tr>
  <tr>
   <td>{{HTMLElement("noscript")}}</td>
   <td>Defines an alternative content to display when the browser doesn't support scripting.</td>
  </tr>
 </tbody>
</table>

<h2 id="Sections" name="Sections">セクショニング要素と見出し要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("body")}}</td>
   <td>
    <div>Represents the main content of an HTML document. There is only one <code>&lt;body&gt;</code> element in a document.</div>
   </td>
  </tr>
  <tr>
   <td>{{HTMLElement("section")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines a section in a document</td>
  </tr>
  <tr>
   <td>{{HTMLElement("nav")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines a section that contains only navigation links</td>
  </tr>
  <tr>
   <td>{{HTMLElement("article")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines self-contained content that could exist independantly of the rest of the content</td>
  </tr>
  <tr>
   <td>{{HTMLElement("aside")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines some content set aside from the rest of page content. If it is removed, the remaining content still make sence.</td>
  </tr>
  <tr>
   <td><a href="/ja/docs/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>Heading elements implement six levels of document headings, <code>&lt;h1&gt;</code> is the most important and <code>&lt;h6&gt;</code> is the least. A heading element briefly describes the topic of the section it introduces.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("hgroup")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Groups a set of <code>&lt;h1&gt;</code> to <code>&lt;h6&gt;</code> elements when a heading has multiple levels</td>
  </tr>
  <tr>
   <td>{{HTMLElement("header")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines the header of a page or section. It often contains a logo, the title of the Web site and a navigational table of content.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("footer")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines the footer for a page or section. It often contains a copyright notice, some links to legal information or addresses to give feedback.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("address")}}</td>
   <td>Defines a section containing contact information.</td>
  </tr>
 </tbody>
</table>

<h2 id="Grouping_content" name="Grouping_content">グループ化要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("p")}}</td>
   <td>Defines a portion that should be displayed as a paragrah.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("hr")}}</td>
   <td>Represents a thematic break between paragraphs of a section or article or any longer content.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("pre")}}</td>
   <td>Indicates that its content is preformatted and that this format must be preserved.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("blockquote")}}</td>
   <td>Represents a citation.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("ol")}}</td>
   <td>Defines an ordered list of items, that is a list which change its meaning if we change the order of its elements</td>
  </tr>
  <tr>
   <td>{{HTMLElement("ul")}}</td>
   <td>Defines an unordered list of items.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("li")}}</td>
   <td>Defines a item of a enumeration list often preceded by a bullet in English.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("dl")}}</td>
   <td>Defines a definition list, that is a list of terms and their associated definitions.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("dt")}}</td>
   <td>Represents a term defined by the next <code>&lt;dd&gt;</code>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("dd")}}</td>
   <td>Represents the definition of the terms immediately listed before it.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("figure")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a figure illustrated a part of the document.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("figcaption")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents the legend of a figure.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("div")}}</td>
   <td>Represents a generic container with no special meaning.</td>
  </tr>
 </tbody>
</table>

<h2 id="Text-level_semantics" name="Text-level_semantics">テキストレベル・セマンティクス要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("a")}}</td>
   <td>ハイパーリンク。他の文書などへのリンク機能を提供します。</td>
  </tr>
  <tr>
   <td>{{HTMLElement("em")}}</td>
   <td>Represents<em>emphasized</em> text, like a stress accent.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("strong")}}</td>
   <td>Represents especially<em>important</em> text.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("small")}}</td>
   <td>Represents a<em>side comment</em>, that is text like a disclaimer, a copyright which is not essential to the comprehension of the document.<code> </code></td>
  </tr>
  <tr>
   <td>{{HTMLElement("s")}}</td>
   <td>Represents content that is no<em>longer accurate or relevant</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("cite")}}</td>
   <td>Represents the<em>title of a work</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("q")}}</td>
   <td>インラインの短い引用。段落をまたぐ様な引用には <code>blockquote</code> 要素を用います。</td>
  </tr>
  <tr>
   <td>{{HTMLElement("dfn")}}</td>
   <td>Represents a term whose<em>definition</em> is contained in its nearest ancestor content.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("abbr")}}</td>
   <td>Represents an<em>abbreviation</em> or an<em>acronym</em>, eventually with its meaning.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("data")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Associates to its content a<em>machine-readable equivalent</em>. (This element is only in the WHATWG version of the HTML standard, and not in the W3C version of HTML5).</td>
  </tr>
  <tr>
   <td>{{HTMLElement("time")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>date</em> and<em>time</em> value, eventually with a machine-readable equivalent.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("code")}}</td>
   <td>コンピューターのコード</td>
  </tr>
  <tr>
   <td>{{HTMLElement("var")}}</td>
   <td>Represents a<em>variable, that is an actual mathematical expression or programming context, an identifier representing a constant, a symbol identifying a physical quantity, a function parameter, or a mere placeholder in prose.</em></td>
  </tr>
  <tr>
   <td>{{HTMLElement("samp")}}</td>
   <td>Represents the<em>output</em> of a program or a computer.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("kbd")}}</td>
   <td>キーボードのキーコマンドや音声コマンドなどのユーザ入力を表します（※名称が「キーボード要素」であるにも関わらず、キーボード以外のユーザ入力も表せる点に注意が必要です）</td>
  </tr>
  <tr>
   <td>{{HTMLElement("sub")}},{{HTMLElement("sup")}}</td>
   <td>Represents a<em>subscript</em>, respectively a<em>superscript.</em></td>
  </tr>
  <tr>
   <td>{{HTMLElement("i")}}</td>
   <td>Represents some text in an<em>alternate</em> voice or mood, or at least of different quality, such as a taxonomic designation, a technical term, an idiomatic phrase, a thought or a ship name.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("b")}}</td>
   <td>Represents a text which to which attention is drawn for<em>utilitarian purposes</em>. It doesn't convey extra importance and doesn't implicate an alternate voice.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("u")}}</td>
   <td>Represents<em>unarticulate</em> non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("mark")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents text highlighted for<em>reference</em> purposes, that is for its relevance in another context.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("ruby")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents content to be marked with<em>ruby annotations</em>, short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanese<em>furigana</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("rt")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents the<em>text of a ruby annotation</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("rp")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents<em>parenthesis</em> around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("bdi")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents text that must be<em>isolated</em> from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("bdo")}}</td>
   <td>Represents the<em>directionality</em> of its children, in order to explicitly override the Unicode bidirectional algorithm.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("span")}}</td>
   <td>Represents text with no specific meaning. This has to be used when no<em>other</em> text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like <code>class</code>, <code>lang</code>, or <code>dir</code>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("br")}}</td>
   <td>改行（ HTML のソースコード内での改行コードは、特定の要素内のもの、或いは特定のスタイルが指定された要素内のものしか表示される文書に改行として反映されません ）</td>
  </tr>
  <tr>
   <td>{{HTMLElement("wbr")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>line break opportunity</em>, that is a suggested wrapping point in order to improve readability of text split on several lines.</td>
  </tr>
 </tbody>
</table>

<h2 id="Edits" name="Edits">変更要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</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>

<h2 id="Embedded_content" name="Embedded_content">埋め込みコンテンツ要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("img")}}</td>
   <td>画像</td>
  </tr>
  <tr>
   <td>{{HTMLElement("iframe")}}</td>
   <td>Represents a<em>nested browsing context</em>, that is an embedded HTML document.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("embed")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>integration point</em> for an external, often non_HTML, application or interactive content.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("object")}}</td>
   <td>Represents an<em>external resource</em>, which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("param")}}</td>
   <td>Defines<em>parameters</em> for use by plugins invoked by <code>&lt;object&gt;</code> elements.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("video")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>video</em>, and its associated audio files and captions, with the necessary interface to play it.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("audio")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>sound</em>, or an<em>audio stream</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("source")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Allows authors to specify alternative media resources for media elements like <code>&lt;video&gt;</code> or <code>&lt;audio&gt;</code>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("track")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Allows authors to specify timed<em>text track</em> for media elements like <code>&lt;video&gt;</code><em>or <code>&lt;audio&gt;</code>.</em></td>
  </tr>
  <tr>
   <td>{{HTMLElement("canvas")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>bitmap area</em> that scripts can be used to render graphics, like graphs, game graphics, any visual images on the fly.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("map")}}</td>
   <td>In conjunction with <code>&lt;area&gt;</code>, defines an<em>image map</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("area")}}</td>
   <td>In conjunction with <code>&lt;map&gt;</code>, defines an<em>image map</em>.</td>
  </tr>
  <tr>
   <td>{{SVGElement("svg")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines an embedded<em>vectorial image</em>.</td>
  </tr>
  <tr>
   <td>{{MathMLElement("math")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Defines a<em>mathematical formula</em>.</td>
  </tr>
 </tbody>
</table>

<h2 id="Tabular_data" name="Tabular_data">テーブルデータ要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</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>Represents the block of rows that describes the<em>concrete data</em> of a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("thead")}}</td>
   <td>Represents the block of rows that describes the<em>column labels</em> of a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("tfoot")}}</td>
   <td>Represents the block of rows that describes the<em>column summaries</em> of a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("tr")}}</td>
   <td>Represents a<em>row of cells</em> in a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("td")}}</td>
   <td>Represents a<em>data cell</em> in a table.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("th")}}</td>
   <td>Represents a<em>header cell</em> in a table.</td>
  </tr>
 </tbody>
</table>

<h2 id="Forms" name="Forms">フォーム関連要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("form")}}</td>
   <td>Represents a<em>formular</em>, consisting of controls, that can be submitted to a server for processing.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("fieldset")}}</td>
   <td>フォームコントロール要素のグループ化に用いる</td>
  </tr>
  <tr>
   <td>{{HTMLElement("legend")}}</td>
   <td><code>&lt;fieldset&gt;</code> のキャプション</td>
  </tr>
  <tr>
   <td>{{HTMLElement("label")}}</td>
   <td>フォームコントロールのキャプション</td>
  </tr>
  <tr>
   <td>{{HTMLElement("input")}}</td>
   <td>Represents a<em>typed data field</em> allowing the user to edit the data.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("button")}}</td>
   <td>Represents a<em>button</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("select")}}</td>
   <td>Represents a control allowing the<em>selection among a set of options</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("datalist")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>set of predefined options</em> for other controls.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("optgroup")}}</td>
   <td>Represents a<em>set of options</em>, logically grouped.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("option")}}</td>
   <td>Represents an<em>option</em> in a <code>&lt;select&gt;</code> element, or a suggestion of a <code>&lt;datalist&gt;</code> element.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("textarea")}}</td>
   <td>Represents a<em>multiline text edit control</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("keygen")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>key pair generator control</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("output")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents the<em>result of a calculation</em>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("progress")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents the<em>completion progress</em> of a task.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("meter")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a scalar<em>measurement</em> (or a fractional value), within a known range</td>
  </tr>
 </tbody>
</table>

<h2 id="Interactive_elements" name="Interactive_elements">インタラクティブコンテンツ要素</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">要素</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{HTMLElement("details")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>widget</em> from which the user can obtain additional information or controls.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("summary")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>summary</em>,<em>caption</em>, or<em>legend</em> for a given <code>&lt;details&gt;</code>.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("command")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>command</em> that the user can invoke.</td>
  </tr>
  <tr>
   <td>{{HTMLElement("menu")}} <a href="/ja/docs/HTML/HTML5"><img alt="この要素は HTML5 で追加された要素です。" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="この要素は HTML5 で追加された要素です。"></a></td>
   <td>Represents a<em>list of commands</em>.</td>
  </tr>
 </tbody>
</table>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="/ja/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a></li>
 <li><a href="/ja/docs/HTML/Element" title="HTML/Element">HTML 要素リファレンス</a> (HTML5 に含まれない要素も含まれています)</li>
 <li>Another way of listing the tags: the <a href="http://joshduck.com/periodic-table.html" title="http://joshduck.com/periodic-table.html">Periodic table of HTML5 elements</a> by Josh Duck.</li>
</ul>