HTML 5 <figure> 标签

w3school 在线教程

## HTML5 教程

- HTML5 教程
- HTML5 简介
- HTML5 视频
- HTML5 视频/DOM
- HTML5 音频
- HTML5 拖放
- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG
- HTML5 地理定位
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 服务器发送事件

## HTML5 表单

- HTML5 输入类型
- HTML5 表单元素
- HTML5 表单属性

## HTML5 测验

- HTML5 测验

## HTML5 参考手册

- HTML5 标签
- HTML5 属性
- HTML5 事件
- HTML5 视频/音频
- HTML5 画布
- HTML 有效 DTD

# HTML 5 <figure> 标签

## 定义和用法

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

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

## 实例

用作文档中插图的图像：

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

亲自试一试

## 浏览器支持

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

## HTML 4.01 与 HTML 5 之间的差异

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

## 提示和注释

提示：请使用 <figcaption> 元素为 figure 添加标题（caption）。

## 全局属性

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

## 事件属性

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