HTML5标签列表

  • 版本网址缩略名: HTML/HTML5/HTML5_Tags_List
  • 版本标题: HTML5 Tags List
  • 版本 id: 352885
  • 创建于:
  • 创建者: ziyunfei
  • 是否是当前版本?
  • 评论

修订内容

This page list all standard HTML5 elements, described by their opening tag and grouped by function. Contrary to the HTML Element index 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.

The symbol This element was added as part of HTML5 indicates that the element was added in HTML5. Note that other elements listed here may have been modified or extended by the HTML5 specification.

Root element

Element Description
{{HTMLElement("html")}} Represents the root of an HTML or XHTML document. All other elements must be descendants of this element.

Document metadata

Element Description
{{HTMLElement("head")}} Represents a collection of metadata about the document, including links to or definitions of scripts and style sheets.
{{HTMLElement("title")}} 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.
{{HTMLElement("base")}} Defines the base URL for relative URL in the page.
{{HTMLElement("link")}} Used to link JavaScript and external CSS with the current HTML document.
{{HTMLElement("meta")}} Defines metadata that can't be defined using other HTML element.
{{HTMLElement("style")}} Style tag is used to write inline CSS.

Scripting

Element Description
{{HTMLElement("script")}} Defines either an internal script or link to an external script. The script language is JavaScript
{{HTMLElement("noscript")}} Defines an alternative content to display when the browser doesn't support scripting.

Sections

Element Description
{{HTMLElement("body")}}
Represents the main content of an HTML document. There is only one <body> element in a document.
{{HTMLElement("section")}} This element has been added in HTML5 Defines a section in a document
{{HTMLElement("nav")}} This element has been added in HTML5 Defines a section that contains only navigation links
{{HTMLElement("article")}} This element has been added in HTML5 Defines self-contained content that could exist independantly of the rest of the content
{{HTMLElement("aside")}} This element has been added in HTML5 Defines some content set aside from the rest of page content. If it is removed, the remaining content still make sense.
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> Heading elements implement six levels of document headings, <h1> is the most important and <h6> is the least. A heading element briefly describes the topic of the section it introduces.
{{HTMLElement("hgroup")}} This element has been added in HTML5 Groups a set of <h1> to <h6> elements when a heading has multiple levels
{{HTMLElement("header")}} This element has been added in HTML5 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.
{{HTMLElement("footer")}} This element has been added in HTML5 Defines the footer for a page or section. It often contains a copyright notice, some links to legal information or addresses to give feedback.
{{HTMLElement("address")}} Defines a section containing contact information.
{{HTMLElement("main")}}This element has been added in HTML5 Defines the main or important content in the document. There is only one <main> element in the document.

Grouping content

Element Description
{{HTMLElement("p")}} Defines a portion that should be displayed as a paragrah.
{{HTMLElement("hr")}} Represents a thematic break between paragraphs of a section or article or any longer content.
{{HTMLElement("pre")}} Indicates that its content is preformatted and that this format must be preserved.
{{HTMLElement("blockquote")}} Represents a citation.
{{HTMLElement("ol")}} Defines an ordered list of items, that is a list which change its meaning if we change the order of its elements
{{HTMLElement("ul")}} Defines an unordered list of items.
{{HTMLElement("li")}} Defines a item of a enumeration list often preceded by a bullet in English.
{{HTMLElement("dl")}} Defines a definition list, that is a list of terms and their associated definitions.
{{HTMLElement("dt")}} Represents a term defined by the next <dd>.
{{HTMLElement("dd")}} Represents the definition of the terms immediately listed before it.
{{HTMLElement("figure")}} This element has been added in HTML5 Represents a figure illustrated a part of the document.
{{HTMLElement("figcaption")}} This element has been added in HTML5 Represents the legend of a figure.
{{HTMLElement("div")}} Represents a generic container with no special meaning.

Text-level semantics

Element Description
{{HTMLElement("a")}} Represents an hyperlink, linking to another resource.
{{HTMLElement("em")}} Represents emphasized text, like a stress accent.
{{HTMLElement("strong")}} Represents especially important text.
{{HTMLElement("small")}} Represents a side comment, that is text like a disclaimer, a copyright which is not essential to the comprehension of the document.
{{HTMLElement("s")}} Represents content that is no longer accurate or relevant.
{{HTMLElement("cite")}} Represents the title of a work.
{{HTMLElement("q")}} Represents an inline quotation.
{{HTMLElement("dfn")}} Represents a term whose definition is contained in its nearest ancestor content.
{{HTMLElement("abbr")}} Represents an abbreviation or an acronym, eventually with its meaning.
{{HTMLElement("data")}} This element has been added in HTML5 Associates to its content a machine-readable equivalent. (This element is only in the WHATWG version of the HTML standard, and not in the W3C version of HTML5).
{{HTMLElement("time")}} This element has been added in HTML5 Represents a date and time value, eventually with a machine-readable equivalent.
{{HTMLElement("code")}} Represents some computer code.
{{HTMLElement("var")}} Represents a 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.
{{HTMLElement("samp")}} Represents the output of a program or a computer.
{{HTMLElement("kbd")}} Represents user input, often from the keyboard, but not necessary, it may represent other input, like transcribed voice commands.
{{HTMLElement("sub")}},{{HTMLElement("sup")}} Represents a subscript, respectively a superscript.
{{HTMLElement("i")}} Represents some text in an alternate 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.
{{HTMLElement("b")}} Represents a text which to which attention is drawn for utilitarian purposes. It doesn't convey extra importance and doesn't implicate an alternate voice.
{{HTMLElement("u")}} Represents unarticulate non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.
{{HTMLElement("mark")}} This element has been added in HTML5 Represents text highlighted for reference purposes, that is for its relevance in another context.
{{HTMLElement("ruby")}} This element has been added in HTML5 Represents content to be marked with ruby annotations, 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 furigana.
{{HTMLElement("rt")}} This element has been added in HTML5 Represents the text of a ruby annotation.
{{HTMLElement("rp")}} This element has been added in HTML5 Represents parenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.
{{HTMLElement("bdi")}} This element has been added in HTML5 Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.
{{HTMLElement("bdo")}} Represents the directionality of its children, in order to explicitly override the Unicode bidirectional algorithm.
{{HTMLElement("span")}} Represents text with no specific meaning. This has to be used when no other text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like class, lang, or dir.
{{HTMLElement("br")}} Represents a line break.
{{HTMLElement("wbr")}} This element has been added in HTML5 Represents a line break opportunity, that is a suggested wrapping point in order to improve readability of text split on several lines.

Edits

Element Description
{{HTMLElement("ins")}} Defines an addition to the document.
{{HTMLElement("del")}} Defines a removal from the document.

Embedded content

Element Description
{{HTMLElement("img")}} Represents an image.
{{HTMLElement("iframe")}} Represents a nested browsing context, that is an embedded HTML document.
{{HTMLElement("embed")}} This element has been added in HTML5 Represents a integration point for an external, often non_HTML, application or interactive content.
{{HTMLElement("object")}} Represents an external resource, which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.
{{HTMLElement("param")}} Defines parameters for use by plugins invoked by <object> elements.
{{HTMLElement("video")}} This element has been added in HTML5 Represents a video, and its associated audio files and captions, with the necessary interface to play it.
{{HTMLElement("audio")}} This element has been added in HTML5 Represents a sound, or an audio stream.
{{HTMLElement("source")}} This element has been added in HTML5 Allows authors to specify alternative media resources for media elements like <video> or <audio>.
{{HTMLElement("track")}} This element has been added in HTML5 Allows authors to specify timed text track for media elements like <video> or <audio>.
{{HTMLElement("canvas")}} This element has been added in HTML5 Represents a bitmap area that scripts can be used to render graphics, like graphs, game graphics, any visual images on the fly.
{{HTMLElement("map")}} In conjunction with <area>, defines an image map.
{{HTMLElement("area")}} In conjunction with <map>, defines an image map.
{{SVGElement("svg")}} This element has been added in HTML5 Defines an embedded vectorial image.
{{MathMLElement("math")}} This element has been added in HTML5 Defines a mathematical formula.

Tabular data

Element Description
{{HTMLElement("table")}} Represents data with more than one dimension.
{{HTMLElement("caption")}} Represents the title of a table.
{{HTMLElement("colgroup")}} Represents a set of one or more columns of a table.
{{HTMLElement("col")}} Represents a column of a table.
{{HTMLElement("tbody")}} Represents the block of rows that describes the concrete data of a table.
{{HTMLElement("thead")}} Represents the block of rows that describes the column labels of a table.
{{HTMLElement("tfoot")}} Represents the block of rows that describes the column summaries of a table.
{{HTMLElement("tr")}} Represents a row of cells in a table.
{{HTMLElement("td")}} Represents a data cell in a table.
{{HTMLElement("th")}} Represents a header cell in a table.

Forms

Element Description
{{HTMLElement("form")}} Represents a formular, consisting of controls, that can be submitted to a server for processing.
{{HTMLElement("fieldset")}} Represents a set of controls.
{{HTMLElement("legend")}} Represents the caption for a <fieldset>.
{{HTMLElement("label")}} Represents the caption of a form control.
{{HTMLElement("input")}} Represents a typed data field allowing the user to edit the data.
{{HTMLElement("button")}} Represents a button.
{{HTMLElement("select")}} Represents a control allowing the selection among a set of options.
{{HTMLElement("datalist")}} This element has been added in HTML5 Represents a set of predefined options for other controls.
{{HTMLElement("optgroup")}} Represents a set of options, logically grouped.
{{HTMLElement("option")}} Represents an option in a <select> element, or a suggestion of a <datalist> element.
{{HTMLElement("textarea")}} Represents a multiline text edit control.
{{HTMLElement("keygen")}} This element has been added in HTML5 Represents a key pair generator control.
{{HTMLElement("output")}} This element has been added in HTML5 Represents the result of a calculation.
{{HTMLElement("progress")}} This element has been added in HTML5 Represents the completion progress of a task.
{{HTMLElement("meter")}} This element has been added in HTML5 Represents a scalar measurement (or a fractional value), within a known range

Interactive elements

Element Description
{{HTMLElement("details")}} This element has been added in HTML5 Represents a widget from which the user can obtain additional information or controls.
{{HTMLElement("summary")}} This element has been added in HTML5 Represents a summary, caption, or legend for a given <details>.
{{HTMLElement("command")}} This element has been added in HTML5 Represents a command that the user can invoke.
{{HTMLElement("menu")}} This element has been added in HTML5 Represents a list of commands.

See also

修订版来源

<p>This page list all <strong>standard HTML5 elements</strong>, described by their opening tag and grouped by function. Contrary to the <a href="/zh-CN/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="/zh-CN/docs/HTML/HTML5"><img alt="This element was added as part of HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a> indicates that the element was added in HTML5. Note that other elements listed here may have been modified or extended by the HTML5 specification.</p>
<h2 id="Root_element">Root element</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{HTMLElement("html")}}</td>
      <td>Represents the root of an HTML or XHTML document. All other elements must be descendants of this element.</td>
    </tr>
  </tbody>
</table>
<h2 id="Document_metadata">Document metadata</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</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">Scripting</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</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">Sections</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Defines a section in a document</td>
    </tr>
    <tr>
      <td>{{HTMLElement("nav")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Defines a section that contains only navigation links</td>
    </tr>
    <tr>
      <td>{{HTMLElement("article")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in 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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Defines some content set aside from the rest of page content. If it is removed, the remaining content still make sense.</td>
    </tr>
    <tr>
      <td><a href="/zh-CN/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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in 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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in 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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in 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>
    <tr>
      <td>{{HTMLElement("main")}}<a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Defines the main or important content in the document. There is only one &lt;main&gt; element in the document.</td>
    </tr>
  </tbody>
</table>
<h2 id="Grouping_content">Grouping content</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a figure illustrated a part of the document.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("figcaption")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in 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">Text-level semantics</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{HTMLElement("a")}}</td>
      <td>Represents an <i>hyperlink</i>, linking to another resource.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("em")}}</td>
      <td>Represents <i>emphasized</i> text, like a stress accent.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("strong")}}</td>
      <td>Represents especially <i>important</i> text.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("small")}}</td>
      <td>Represents a <i>side comment</i>, 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 <i>longer accurate or relevant</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("cite")}}</td>
      <td>Represents the <i>title of a work</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("q")}}</td>
      <td>Represents an inline <i>quotation</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("dfn")}}</td>
      <td>Represents a term whose <i>definition</i> is contained in its nearest ancestor content.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("abbr")}}</td>
      <td>Represents an <i>abbreviation</i> or an <i>acronym</i>, eventually with its meaning.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("data")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Associates to its content a <i>machine-readable equivalent</i>. (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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>date</i> and <i>time</i> value, eventually with a machine-readable equivalent.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("code")}}</td>
      <td>Represents some <i>computer code</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("var")}}</td>
      <td>Represents a <i>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.</i></td>
    </tr>
    <tr>
      <td>{{HTMLElement("samp")}}</td>
      <td>Represents the <i>output</i> of a program or a computer.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("kbd")}}</td>
      <td>Represents <i>user input</i>, often from the keyboard, but not necessary, it may represent other input, like transcribed voice commands.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("sub")}},{{HTMLElement("sup")}}</td>
      <td>Represents a <i>subscript</i>, respectively a <i>superscript.</i></td>
    </tr>
    <tr>
      <td>{{HTMLElement("i")}}</td>
      <td>Represents some text in an <i>alternate</i> 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 <i>utilitarian purposes</i>. It doesn't convey extra importance and doesn't implicate an alternate voice.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("u")}}</td>
      <td>Represents <i>unarticulate</i> 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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents text highlighted for <i>reference</i> purposes, that is for its relevance in another context.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("ruby")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents content to be marked with <i>ruby annotations</i>, 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 <i>furigana</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("rt")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents the <i>text of a ruby annotation</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("rp")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents <i>parenthesis</i> 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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents text that must be <i>isolated</i> 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 <i>directionality</i> 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 <i>other</i> 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>Represents a <i>line break</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("wbr")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>line break opportunity</i>, that is a suggested wrapping point in order to improve readability of text split on several lines.</td>
    </tr>
  </tbody>
</table>
<h2 id="Edits">Edits</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{HTMLElement("ins")}}</td>
      <td>Defines an <i>addition</i> to the document.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("del")}}</td>
      <td>Defines a <i>removal</i> from the document.</td>
    </tr>
  </tbody>
</table>
<h2 id="Embedded_content">Embedded content</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{HTMLElement("img")}}</td>
      <td>Represents an <i>image</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("iframe")}}</td>
      <td>Represents a <i>nested browsing context</i>, that is an embedded HTML document.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("embed")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>integration point</i> for an external, often non_HTML, application or interactive content.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("object")}}</td>
      <td>Represents an <i>external resource</i>, 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 <i>parameters</i> for use by plugins invoked by <code>&lt;object&gt;</code> elements.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("video")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>video</i>, and its associated audio files and captions, with the necessary interface to play it.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("audio")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>sound</i>, or an <i>audio stream</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("source")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in 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="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Allows authors to specify timed <i>text track</i> for media elements like <code>&lt;video&gt;</code><i> or <code>&lt;audio&gt;</code>.</i></td>
    </tr>
    <tr>
      <td>{{HTMLElement("canvas")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>bitmap area</i> 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 <i>image map</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("area")}}</td>
      <td>In conjunction with <code>&lt;map&gt;</code>, defines an <i>image map</i>.</td>
    </tr>
    <tr>
      <td>{{SVGElement("svg")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Defines an embedded <i>vectorial image</i>.</td>
    </tr>
    <tr>
      <td>{{MathMLElement("math")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Defines a <i>mathematical formula</i>.</td>
    </tr>
  </tbody>
</table>
<h2 id="Tabular_data">Tabular data</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{HTMLElement("table")}}</td>
      <td>Represents <i>data with more than one dimension</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("caption")}}</td>
      <td>Represents the <i>title of a table</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("colgroup")}}</td>
      <td>Represents a <i>set of one or more columns</i> of a table.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("col")}}</td>
      <td>Represents a <i>column</i> of a table.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("tbody")}}</td>
      <td>Represents the block of rows that describes the <i>concrete data</i> of a table.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("thead")}}</td>
      <td>Represents the block of rows that describes the <i>column labels</i> of a table.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("tfoot")}}</td>
      <td>Represents the block of rows that describes the <i>column summaries</i> of a table.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("tr")}}</td>
      <td>Represents a <i>row of cells</i> in a table.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("td")}}</td>
      <td>Represents a <i>data cell</i> in a table.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("th")}}</td>
      <td>Represents a <i>header cell</i> in a table.</td>
    </tr>
  </tbody>
</table>
<h2 id="Forms">Forms</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{HTMLElement("form")}}</td>
      <td>Represents a <i>formular</i>, consisting of controls, that can be submitted to a server for processing.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("fieldset")}}</td>
      <td>Represents a <i>set of controls</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("legend")}}</td>
      <td>Represents the <i>caption</i> for a <code>&lt;fieldset&gt;</code>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("label")}}</td>
      <td>Represents the <i>caption</i> of a form control.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("input")}}</td>
      <td>Represents a <i>typed data field</i> allowing the user to edit the data.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("button")}}</td>
      <td>Represents a <i>button</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("select")}}</td>
      <td>Represents a control allowing the <i>selection among a set of options</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("datalist")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>set of predefined options</i> for other controls.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("optgroup")}}</td>
      <td>Represents a <i>set of options</i>, logically grouped.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("option")}}</td>
      <td>Represents an <i>option</i> 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 <i>multiline text edit control</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("keygen")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>key pair generator control</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("output")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents the <i>result of a calculation</i>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("progress")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents the <i>completion progress</i> of a task.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("meter")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a scalar <i>measurement</i> (or a fractional value), within a known range</td>
    </tr>
  </tbody>
</table>
<h2 id="Interactive_elements">Interactive elements</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Element</th>
      <th scope="col">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{HTMLElement("details")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>widget</i> from which the user can obtain additional information or controls.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("summary")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>summary</i>, <i>caption</i>, or <i>legend</i> for a given <code>&lt;details&gt;</code>.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("command")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>command</i> that the user can invoke.</td>
    </tr>
    <tr>
      <td>{{HTMLElement("menu")}} <a href="/zh-CN/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle;" title="This element has been added in HTML5" /></a></td>
      <td>Represents a <i>list of commands</i>.</td>
    </tr>
  </tbody>
</table>
<h2 id="See_also">See also</h2>
<ul>
  <li><a href="/zh-CN/docs/HTML/HTML5" title="HTML/HTML5">A set of documents about HTML5</a>.</li>
  <li>The <a href="/zh-CN/docs/HTML/Element" title="HTML/Element">reference of all HTML tags</a>, even elements no more valid in 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>
恢复到这个版本