HTML5无图文标注联动内置机制，需用语义化标签组合实现：用结构确保图与说明语义关联，仅用于临时高亮，锚点链接实现文字跳转图片，复杂标注依赖SVG或CSS定位并补充文本替代方案。
HTML5 本身没有“图文标注联动”的内置机制，所谓“重点标注”和“图片说明联动”，得靠语义化标签组合 + CSS 控制 + （可选）少量 JS 实现，不是加个属性就能自动同步。
用
和
这是最基础也最被忽略的语义化起点。很多开发者直接用
包图加文字，结果搜索引擎和屏幕阅读器完全无法识别“这行字就是这张图的说明”。
给重点内容加
正确写法：
@@##@@ 图1：Q2起增速明显提升，主要来自移动端新用户
要点：
立即学习“前端免费学习笔记（深入）”；
-
-
-
alt属性仍不可省——它面向的是“图不可见”的场景（如加载失败、读屏），而
给重点内容加
是 HTML5 明确定义的“高亮标记”语义标签，适用于需要视觉突出且有临时性/上下文相关性的文本（比如搜索结果中的关键词、文档批注）。它不是样式工具，不能替代 。
常见误用：
