HTML <figcaption> 标签

简介

HTML <figcaption> 标签用于为 <figure> 元素添加标题或说明。这个标题通常是图片的说明文字，但也可以用于其他类型的内容，如视频、代码片段等。

语法

<figure>
  <img src="image.jpg" alt="Image description">
  <figcaption>图片说明文字</figcaption>
</figure>

在上面的例子中，<figcaption> 标签包裹了一个描述 <img> 元素的说明文字。

使用场景

• 图片: <figcaption> 标签经常被用于为图片添加说明，这对于无障碍访问和搜索引擎优化（SEO）非常有帮助。
• 视频: 在嵌入视频时，可以使用 <figcaption> 标签来提供视频的简短说明或标题。
• 代码片段: 当展示代码片段时，可以使用 <figcaption> 标签来解释这个代码片段的作用和用法。

注意事项

• <figcaption> 元素应该被包含在 <figure> 元素中，并且只能有一个直接子级。
• <figcaption> 标签不应该用于提供图片的替代文本，这是 alt 属性的作用。
• 尽量保持 <figcaption> 内容简短且具有描述性。

浏览器支持

所有主流的现代浏览器（Chrome、Firefox、Safari、Edge）都支持 <figcaption> 标签。