HTML5元素周期表

<html>

标签告知浏览器这是一个 HTML 文档。html 元素是 HTML 文档中最外层的元素，元素也可称为根元素。

html

<col>

标签为表格中的一个或多个列定义属性值。 通过使用 <col> 标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。 只能在 table 或 colgroup 元素内使用 <col> 标签

col

<table>

标签定义 HTML 表格。 一个简单的 HTML 表格包括 table 元素，一个或多个 tr、th 以及 td 元素。 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。 更复杂的 HTML 表格也可能包含 caption, col, colgroup, thead, tfoot, tbody 等元素。

table

<head>

是所有头部元素的容器。位于 <head> 内部的元素可以包含脚本、指引浏览器找到样式表、提供元信息，等等。

head

<span>

用于对文档中的行内元素进行组合。

span

<div>

定义 HTML 文档中的分隔（division）或部分（section）。常用于组合块级元素，以便通过样式表来对这些元素进行格式化。

div

<fieldset>

用于从逻辑上将表单中的元素组合起来。标签会在相关表单元素周围绘制边框。 <legend> 标签为 fieldset 元素定义标题。

fieldset

<form>

用于创建供用户输入的 HTML 表单。

form

<body>

定义文档的主体。元素包含文档的所有内容，比如文本、超链接、图像、表格、列表等等。

body

<h1>

标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题

h1

<section>

Contains elements grouped by theme, for example a chapter or tab box.

section

<colgroup>

用于对表格中的列进行组合，以便对其进行格式化。 通过使用 <colgroup> 标签，可以向整个列应用样式，而不需要重复为每个单元格或每一行设置样式。 只能在 table 元素内使用 <colgroup> 标签。

colgroup

<tr>

定义表格中的行。一个 tr 元素包含一个或多个 td 或 th 元素。

tr

<title>

定义文档的标题。title 元素在所有 HTML 文档中是必需的。

title

<a>

定义超链接，用于从一个页面链接到另一个页面。 <a> 元素最重要的属性是 href 属性，它指定链接的目标。

a

<pre>

可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。

pre

<meter>

定义度量衡。仅用于已知最大和最小值的度量。

meter

<select>

创建下拉列表。

select

<aside>

定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。

aside

<h2>

标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题

h2

<header>

定义文档的页眉（介绍信息，包含文档元数据）。

header

<caption>

定义表格的标题。 <caption> 标签必须直接放置到 <table> 标签之后。 每个表格只能规定一个标题。通常标题会居中显示在表格上方。

caption

<td>

定义 HTML 表格中的标准单元格。 HTML 表格有两种单元格类型： 表头单元格 - 包含头部信息（由 th 元素创建）、标准单元格 - 包含数据（由 td 元素创建） th 元素中的文本呈现为粗体并且居中。 td 元素中的文本是普通的左对齐文本。

td

<meta>

可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

meta

<rt>

定义字符（中文注音或字符）的解释或发音。 ruby 注释是中文注音或字符。 在东亚使用，显示的是东亚字符的发音。 与 <ruby> 以及 <rt> 标签一同使用： ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。

rt

<dfn>

定义一个定义项目。

dfn

<em>

呈现为被强调的文本。

em

<i>

签呈现斜体的文本。 <i> 标签定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。在没有其他元素可以使用时，比如 <b>, <cite>, <dfn>, <em>, <q>, <small>, <strong>，请使用 <i> 标签。

i

<small>

将旁注 (side comments) 呈现为小型文本。 免责声明、注意事项、法律限制或版权声明的特征通常都是小型文本。小型文本有时也用于新闻来源、许可要求。 对于由 em 元素强调过的或由 strong 元素标记为重要的文本，small 元素不会取消对文本的强调，也不会降低这些文本的重要性。

small

<ins>

定义文档的其余部分之外的插入文本。请与 <del> 标签一起使用，来描述对文档的更新和修正。

ins

<s>

定义加删除线的文本。HTML 5 中不再支持这个标签。请使用 del 代替。

s

<br>

插入简单的换行符。 <br /> 标签是一个空标签，意味着它没有结束标签。所以这样是错误的：<br></br>

br

<p>

定义段落。（不支持 align 属性）

p

<blockquote>

定义摘自另一个源的块引用。 <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进，而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

blockquote

<legend>

为以下元素定义标题（caption）：<fieldset>、<figure>、<details>。

legend

<optgroup>

定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。

optgroup

<address>

定义文档作者或拥有者的联系信息。 如果 <address> 元素位于 <article> 元素内部，则它表示该文章作者或拥有者的联系信息。 通常的做法是将 address 元素添加到网页的头部或底部。

address

<h3>

标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题

h3

<nav>

定义导航链接集合的部分。

nav

<menu>

定义菜单列表。当希望列出表单控件时使用该标签。

menu

<th>

定义 HTML 表格中的表头单元格。

th

<base>

为页面上的所有链接规定默认地址或默认目标。 通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。 <base> 标签必须位于 head 元素内部。

base

<rp>

在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。 ruby 注释是中文注音或字符。 在东亚使用，显示的是东亚字符的发音。 与 <ruby> 以及 <rt> 标签一同使用： ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。

rp

<abbr>

表示一个缩写形式。

abbr

<time>

定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。 该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。

time

<b>

定义粗体的文本，用于强调某些文本。

b

<strong>

定义重要的文本。

strong

<del>

定义文档中已删除的文本。

del

<kbd>

定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。

kbd

<hr>

定义一条水平线，它应该定义内容中的主题变化。

hr

<ol>

定义有序列表。

ol

<dl>

定义一个定义列表（definition list）。 <dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

dl

<label>

为 input 元素定义标签（label）。 label 元素不会向用户呈现任何特殊的样式。不过，它为鼠标用户改善了可用性，因为如果用户点击 label 元素内的文本，则会切换到控件本身。 <label> 标签的 for 属性应该等于相关元素的 id 元素，以便将它们捆绑起来。

label

<option>

定义下拉列表中的一个选项。

option

<datalist>

定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。 datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。

datalist

<h4>

标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题

h4

<article>

定义页面部分的内容。 例如：论坛帖子、报纸文章、博客条目、用户评论

article

<command>

表示用户能够调用的命令。 <command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。

command

<tbody>

定义一段表格主体（正文）。使用 <tbody> 标签，可以将表格分为一个单独的部分。<tbody> 标签可将表格中的一行或几行合成一组。 虽然您可能想包括一个，甚至会在表格中包括两个或更多个 <tbody> 标签，但是我们建议最好在表格中没有 <tbody> 标签。在 <tbody> 标签中，只有 <tr> 标签可以定义表格行。并且一旦定义，一个 <tbody> 标签就是表格中的一个独立的部分。例如不能从一个 <tbody> 跨越到另一个 <tbody> 中。 thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。

tbody

<link>

定义文档与外部资源之间的关系。 <link> 标签大多数时候都用来连接样式表。

link

<noscript>

用来定义在脚本未被执行时的替代内容（文本）。 此标签用于可识别 <script> 标签但无法支持其中脚本的浏览器。

noscript

<q>

定义一个短的引用。浏览器经常会在这种引用的周围插入引号。

q

<var>

定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。

var

<sub>

定义下标文本。<sup> 可定义上标文本。

sub

<mark>

定义带有记号的文本。请在需要突出显示文本时使用 <mark> 标签。

mark

<bdi>

指的是 bidi 隔离。 <bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。 在发布用户评论或其他您无法完全控制的内容时，该标签很有用。

bdi

<wbr>

Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换行符。 提示：如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 <wbr> 元素来添加 Word Break Opportunity（单词换行时机）。

wbr

<figcaption>

定义 figure 元素的标题（caption）。 "figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

figcaption

<ul>

定义无序列表。

ul

<dt>

定义列表中的一个项目。而 <dd> 标签描述这些项目。

dt

<input>

规定用户可输入数据的输入字段。 根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。

input

<output>

定义不同类型的输出，比如脚本的计算结果输出。

output

<keygen>

规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。

keygen

<h5>

标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题

h5

<footer>

定义 section 或 document 的页脚。在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。

footer

<summary>

包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。请与 <details> 标签 一起使用。标题是可见的，当用户点击标题时会显示出详细信息。 "summary" 元素应该是 "details" 元素的第一个子元素。

summary

<thead>

定义表格的表头。thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。

thead

<style>

定义 HTML 文档的样式信息。在 style 元素中，您规定的是 HTML 元素如何在浏览器中呈现。

style

<script>

定义客户端脚本，比如 JavaScriscript 元素既可包含脚本语句，也可以通过 "src" 属性指向外部脚本文件。JavaScript 通常用于图像操作、表单验证以及动态内容更改。

script

<cite>

定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。注释：人名不属于著作的标题。

cite

<samp>

定义样本文本。

samp

<sup>

定义下标文本。<sup> 可定义上标文本。

sup

<ruby>

定义 ruby 注释（中文注音或字符）。 在东亚使用，显示的是东亚字符的发音。 与 <ruby> 以及 <rt> 标签一同使用： ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。

ruby

<bdo>

逆向默认的文本方向。

bdo

<code>

定义计算机代码文本。

code

<figure>

规定独立单一概念的内容（图像、图表、照片、代码等等）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

figure

<li>

定义列表项，有序列表和无序列表中都使用 <li> 标签。

li

<dd>

定义一个定义列表中对项目的描述。 <dt> 标签定义列表中的项目，而 <dd> 标签描述这些项目。

dd

<textarea>

定义一个文本区域 (text-area) （一个多行的文本输入区域）。用户可在此文本区域中写文本。在一个文本区中，您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。

textarea

<button>

定义按钮。 您可以在 button 元素内放置内容，比如文本或图像。这是该元素与通过 input 元素创建的按钮的不同之处。请始终为按钮规定 type 属性。不同的浏览器根据 type 属性使用不同的默认值。

button

<progress>

定义运行中的进度（进程）。 可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。

progress

<h6>

标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题

h6

<hgroup>

用于对网页或区段（section）的标题进行组合。

hgroup

<details>

用于描述文档或文档某个部分的细节。

details

<tfoot>

定义表格的页脚（脚注）。

tfoot

<img>

定义 HTML 页面中的图像。 请注意，从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。 <img> 标签有两个必需的属性：src 和 alt。

img

<area>

定义图像映射内部的区域（图像点击的热区）。 area 元素始终嵌套在 <map> 标签内部。 注释： <img> 标签中的 usemap 属性与 map 元素中的 name 相关联，以创建图像与映射之间的关系。

area

<map>

用于定义客户端图像映射（图像点击的热区）。 name 属性在 map 元素中是必需的。该属性与 <img> 标签的 usemap 属性相关联，以创建图像与映射之间的关系。

map

<embed>

定义嵌入的内容，比如插件。

embed

<object>

定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素运行您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。

object

<param>

父对象的参数。允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的 <object> 标签提供参数。

param

<source>

媒介元素（比如 <video> 和 <audio>）定义媒介资源。

source

<iframe>

创建包含另一个文档的行内嵌入框架。

iframe

<canvas>

定义图形，比如图表和其他图像。 <canvas> 标签只是图形容器，您必须使用脚本来绘制图形。

canvas

<track>

为诸如 video 元素之类的媒介规定外部文本轨道。用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。

track

<audio>

定义声音，比如音乐或其他音频流。

audio

<video>

定义视频，比如电影片段或其他视频流。

video