figure内允许多张img但必须共用唯一figcaption，且figcaption须为figure首个或最后一个直接子元素；每张img仍需独立alt描述，figcaption仅作整体补充说明，不可替代alt。
figure里放多张img必须用figcaption统一说明吗
不是必须，但figcaption只能出现一次，且必须是figure的**直接子元素**（要么第一个，要么最后一个）。如果放多张img，又想共用一段说明文字，就只能用一个figcaption包住那段文字——不能每个img配一个figcaption，否则语义错误，HTML验证通不过。
多个img并排时怎么避免figcaption被当成某一张的标题
常见错误是把figcaption写在某个img后面，视觉上像在描述它，但实际它属于整个figure。正确做法是明确它的归属范围：
-
figcaption放在所有img之前或之后，不嵌套在其他标签里（比如别套div或p） - 如果需要分组说明（比如“左：施工前；右：施工后”），建议用
figure拆成两个独立单元，而不是硬塞进一个figure - 纯视觉对齐靠CSS，比如用
display: flex或grid排图，figcaption用text-align: center居中即可
figure内多图+figcaption的合法HTML结构示例
以下是最简合规写法，可直接复制验证：
<figure> @@##@@ @@##@@ <figcaption>同一建筑的两个视角，摄于2024年5月</figcaption></figure>
注意：alt属性不能省——每张img仍需独立描述，figcaption只是补充性总述，不是替代alt的理由。
为什么不用div套多张img再加p说明
因为figure带语义：它表示一个**独立的、可被引用的内容单元**（比如图表、照片集、代码块）。搜索引擎和读屏器会据此识别内容意图。用div + p只是视觉模拟，丢失了这层含义，影响可访问性和SEO。另外，CSS中figure有默认上下外边距，重置时要注意margin值是否符合预期。
最易忽略的是alt和figcaption的分工：前者服务图像缺失或辅助技术，后者服务所有用户对整组图的理解。两者缺一不可，也不能互相代替。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
