HTML <figure> 标签

定义及使用说明

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

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

HTML 4.01 与 HTML5之间的差异

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

提示和注释

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

实例

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

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>HTML figure 标签 xinbiancheng.cn</title>
</head>
<body>
<figure>
  <p>SanYa</p>
  <p>xinbiancheng 项目组,拍摄时间:2020 年 5 月</p>
  <img src="/i/bolichuan.jpg" width="300" />
</figure>
</body>
</html>

输出:

SanYa

xinbiancheng 项目组,拍摄时间:2020 年 5 月

 

全局属性

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

事件属性

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