HTML5新增元素——语义化标签篇

figure元素

figure是个组合元素，可以带标题figcaption，一个figure只允许放置一个figcaption。

<figure>
<img src="logo.png" alt="图片">
<figcaption>标志</figcaption>
</figure>

details元素:d

tails提供了一种替代Javascript的、将画面上局部区域进行展开或收缩的方法.

<details>
<summary>点击我查看细节</summary>
<p>我是细节内容。</p>
</details>

mark元素

mark元素表示页面需要突出显示或高亮显示的部分。

progress元素

一般用于写进度条，可以给progress设置value和max属性，value表示已经进行的，max表示总数，value和max只能为有效的浮点数，value必须大于0小于等于max。如果不给progress设置这两个属性，则是动态显示正在进行，进度不确定。

meter元素

定义度量衡。（界定上下的值会有颜色区分）。
high:定义度量的值位于哪个点，被界定为高的值。
low:定义度量的值位于哪个点，被界定为低的值。
max:定义最大值。默认值是 1。
min:定义最小值。默认值是 0。
optimum:定义什么样的度量值是最佳的值,如果该值高于 “high” 属性，则意味着值越高越好。如果 该值低于 “low” 属性的值，则意味着值越低越好。
value:定义度量的值。

cite

用于表示作者。

small

用于标识“小型文本”。

article

定义外部的内容。

改良的ol列表

在HTML5中为ol元素添加了start属性和reversed属性。

start：表示列表序号从几开始。

reversed：表示列表序号为倒序。

改良的dl列表

dl是专门用来定义术语的列表，在HTML5中为dt增加了名字dfn。

<dl>
        <dt>术语1</dt>
        <dd>描述...</dd>
        <dt><dfn>名字</dfn>术语2</dt>
        <dd>描述...</dd>
        </dl>

aside

定义 article 以外的内容。aside 的内容应该与 article 的内容相关。aside可以用于网站页尾一排排的广告或者链接，一竖排为一个aside。也可以用于博客侧栏。

audio

定义音频。

canvas

定义图形（位（像素）图）。

command

定义命令按钮，比如单选按钮、复选框或按钮。

embed

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

footer

定义 section 或 document 的页脚。

header

定义 section 或 document 的页眉。

hgroup

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

hgroup

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

nav

定义导航链接的部分。

output

定义不同类型的输出，比如脚本的输出。

rp

在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。

rt

定义字符（中文注音或字符）的解释或发音。

ruby

定义 ruby 注释（中文注音或字符）。

section

定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

source

为媒介元素（比如 和 ）定义媒介资源。

summary

details 元素的标题，”details” 元素用于描述有关文档或文档片段的详细信息。”summary” 元素应该是 “details” 元素的第一个子元素。

time

定义日期或时间，或者两者。

video

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

dialog

定义对话（会话）dialog元素表示几个人之间的对话。