W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <figure> 标签


Example

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

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
尝试一下 »

定义及用法

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

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


浏览器支持

表中的数字是指定第一个完全支持该元素的浏览器版本。

元素
<figure> 6.0 9.0 4.0 5.0 11.1

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


HTML 4.01 与 HTML5之间的差异

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


提示和注意

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


全局属性

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


事件属性

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


相关文章

HTML DOM 手册:Figure 对象


默认CSS 设置

大多数浏览器都以以下默认值的形式显示 <figure> 元素:

Example

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
尝试一下 »