图片或图表添加说明文字，通常使用

和

HTML5中的`

`和`

为图片或图表添加说明文字，HTML5 提供了 figure 和 figcaption 元素，它们配合使用可以语义化地组织图像及其标题或注释。

FIGURE：独立内容容器

figure 元素用于包裹一段独立的内容，通常是图片、图表、插图、代码片段等，这段内容可以脱离上下文单独存在。它不一定是图片，但最常见用途是包含图像。

示例：

  

FIGCAPTION：为FIGURE添加说明

figcaption 是 figure 的可选子元素，用来为 figure 中的内容提供标题或说明文字。它可以放在 figure 内部的开头或结尾，通常显示在图片上方或下方。

示例：

  
  

实际使用建议

使用 figure 和 figcaption 不仅让结构更清晰，也提升可访问性，有助于屏幕阅读器识别图像说明。

• 即使没有图片，图表或代码块也可以用 figure 包裹
• alt 属性仍需保留，用于描述图片内容，而 figcaption 可补充上下文信息
• 一个 figure 中可以有多张图，配一个整体说明
• 若不需要说明，可只用 figure + img

理论要掌握，实操不能落！以上关于《图片或图表添加说明文字，通常使用