HTML <figcaption> 标签 详解
HTML基础 2022-06-02 09:40:17小码哥的IT人生shichen
HTML <figcaption> 标签
实例
用作文档中插图的图像，带有一个标题：：
<figure>
<figcaption>黄浦江上的的卢浦大桥</figcaption>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig.1 - The Pulpit Rock, Norway.</figcaption>
</figure>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <figcaption> | 8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
HTML 4.01 与 HTML 5 之间的差异
<figcaption> 标签是 HTML 5 中的新标签。
全局属性
<figcaption> 标签支持 HTML 中的全局属性。
事件属性
<figcaption> 标签支持 HTML 中的事件属性。
相关阅读
- HTML <div> 标签的 align 属性 详解
- HTML <dir> 标签的 compact 属性 详解
- HTML <command> 标签的 type 属性 详解
- HTML <command> 标签的 radiogroup 属性 详解
- HTML <command> 标签的 label 属性 详解
- HTML <command> 标签的 icon 属性 详解
- HTML <command> 标签的 disabled 属性 详解
- HTML <command> 标签的 checked 属性 详解
- HTML <colgroup> 标签的 width 属性 详解
- HTML <colgroup> 标签的 valign 属性 详解
