HTML <figcaption> 标签
例子
用一个<figure>元素来标记文档中的照片，以及<figcaption>元素来定义照片的标题：
<figure>
<img src="../images/pic_trulli.jpg" alt="特鲁利" style="width:100%">
<figcaption>图 1 - 意大利普利亚大区的特鲁利。</figcaption>
</figure>
亲自尝试 »
下面有更多“自己尝试”的示例。
定义和用法
这 <figcaption> 标签定义标题<figure> 元素。
这 <figcaption> 元素可以作为<figure>元素。
浏览器支持
表中的数字指定了完全支持该元素的第一个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <figcaption> | 8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
全局属性
这 <figcaption> 标签还支持HTML 中的全局属性.
事件属性
这 <figcaption> 标签还支持HTML 中的事件属性.
更多示例
例子
使用 CSS 来设置样式<figure>和<figcaption> ：
<html>
<head>
<style>
数字 {
边框：1px #ccc 实线；
填充：4px；
边距：自动；
}
图标题 {
背景颜色：黑色；
白颜色;
字体样式：斜体；
填充：2px；
文本对齐：居中；
}
</style>
</head>
<body>
<figure>
<img src="../images/pic_trulli.jpg" alt="特鲁利" style="width:100%">
<figcaption>图 1 - 意大利普利亚大区特鲁利</figcaption>
</figure>
</body>
</html>
亲自尝试 »
相关页面
HTML DOM 参考： Figcaption 对象
默认 CSS 设置
大多数浏览器会显示 <figcaption> 元素具有以下默认值：
图标题 {
显示：块；
}
