HTML figure 标签 & figcaption 标签

HTML <figure> 标签

实例

用作文档中插图的图像：

<figure>
  <p>黄浦江上的的卢浦大桥</p>
  <p>拍摄者：W3School 项目组，拍摄时间：2010 年 10 月</p>
  <img src="/i/shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

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

定义和用法

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

figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

浏览器支持

所有主流浏览器都支持 <figure> 、<figcaption>标签。

注释：Internet Explorer 8 以及更早的版本不支持 <figure>、<figcaption> 标签。

HTML <figcaption> 标签

实例

用作文档中插图的图像，带有一个标题：

<figure>
  <figcaption>黄浦江上的的卢浦大桥</figcaption>
  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

定义和用法

<figcaption> 标签定义 figure 元素的标题（caption）。

"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。