HTML5 ＜figure＞ 标签、HTML5 ＜footer＞ 标签

HTML5 <figure> 标签

实例

使用 <figure> 元素标记文档中的一个图像：

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

尝试一下 »

---

浏览器支持

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 标签。

注释：IE 8 或更早版本的 IE 浏览器不支持 <figure> 标签。

---

标签定义及使用说明

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。

<figure> 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的。如果被删除，则不应对文档流产生影响。

---

HTML 4.01 与 HTML5之间的差异

<figure> 标签是 HTML 5 中的新标签。

---

提示和注释

提示：<figcaption> 元素被用来为 <figure> 元素定义标题。

---

全局属性

<figure> 标签支持 HTML 的全局属性。

---

事件属性

<figure> 标签支持 HTML 的事件属性。

注意：

<figure> 元素内容的纲要是被文档的主纲要排除在外的.

可以通过在 <figure> 元素中插入一个 <figcaption> 来为其关联一个标题(作为它的第一个或者最后一个子元素).

 

HTML5 <footer> 标签

实例

HTML5 <footer>标签用于定义文档的页脚部分。

文档的页脚：

<footer>
  <p>Posted by: Hege Refsnes</p>
  <p><time pubdate datetime="2012-03-01"></time></p>
</footer>

尝试一下 »

---

浏览器支持

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <footer> 标签。

注释：IE 8 或更早版本的 IE 浏览器不支持 <footer> 标签。

---

标签定义及使用说明

<footer> 标签定义文档或者文档的一部分区域的页脚。

<footer> 元素应该包含它所包含的元素的信息。

在典型情况下，该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。

在一个文档中，您可以定义多个 <footer> 元素。

---

HTML 4.01 与 HTML5之间的差异

<footer> 标签是 HTML 5 中的新标签。

---

提示和注释

提示：假如您使用 <footer> 元素来插入联系信息，应该在 <footer> 元素内使用 <address> 标签。

---

全局属性

<footer> 标签支持 HTML 的全局属性。

---

事件属性

<footer> 标签支持 HTML 的事件属性。

使用说明：

<footer> 元素内的作者信息应包含在 <address> 元素中。