新增的块级语义元素：详细介绍

1.aside元素

aside元素表示article元素的内容之外的与article元素的内容相关的有关内容。

HTML5中代码实例如下：

<aside>…</aside>

HTML4中代码实例如下：

<div>…</div>

2.figure元素

＜figure＞标签规定独立的流内容（图像、图表、照片、代码等）。HTML5中figure元素表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。figure元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。可使用figcaption元素为figure元素组添加标题。

HTML5中代码实例如下：

<figure>

<figcaption>PRC</figcaption>

<p>ThePeople'sRepublicofChinawasbornin1949...</p>

</figure>

HTML4中代码实例如下：

<dl>

<h1>PRC</h1>(www.xing528.com)

<p>ThePeople'sRepublicofChinawasbornin1949...</p>

</dl>

3.dialog元素

＜dialog＞标签定义对话，比如交谈。

HTML5中代码实例（源代码参见“chap3.2.2.1.html”）如下，其效果如图3.3所示。

<dialog>

<dt>老师</dt>

<dd>2+2等于？</dd>

<dt>学生</dt>

<dd>4</dd>

<dt>老师</dt>

<dd>答对了！</dd>

</dialog>

图3.3　＜dialog＞标签实例

注意：对话中的每个句子都必须属于＜dt＞标签所定义的部分。＜dialog＞标签是HTML5中的新标签。