当前位置:首页>HTML>HTML标签>HTML <figure> 标签

HTML <figure> 标签

作者:微学网发布时间:2019-08-28 12:57:23

示例

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

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

定义和用法

<figure>标签指定自包含的内容,如插图,图表,照片,代码清单等。

虽然<<figure>元素的内容与主流有关,但其位置与主流无关,如果删除,则不应影响文档流。

浏览器支持

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

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera
6.0 4.0 9.0 5.0 11.1

注意: Internet Explorer 8和早期版本不支持<figure>标签。

HTML 4.01和HTML5之间的差异

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

全局属性

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

事件属性

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

相关页面

HTML DOM参考:图对象

默认CSS设置

大多数浏览器将使用以下默认值显示<figure>元素:

figure { 
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}