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> 元素中。