应优先使用和等语义化标签；用于传达重要性，影响屏幕阅读器和seo；表编辑语义，非状态展示；不可被css完全替代；所有标签均不自动换行或加空格。
<strong></strong> 和 <em></em> 是最该优先用的格式化标签，其余多数能用 CSS 替代，但语义明确时仍建议保留原生标签。
什么时候必须用 <strong></strong> 而不是 <b></b>
当文本需要传达「重要性」而非仅视觉加粗时，<strong></strong> 才是正确选择。比如错误提示、操作警告、关键参数值——这些内容会被屏幕阅读器加重朗读，而 <b></b> 只触发加粗样式，无语义权重。
- 搜索引擎和辅助技术依赖
<strong></strong>判断内容优先级，<b></b>不参与此逻辑 - 若只是为配合设计稿临时加粗（如品牌名、栏目标题），且无语义强调需求，可用
<b></b>，但应优先考虑用 CSS 的font-weight -
<strong></strong>可嵌套：<strong>最高优先级<strong>次级强调</strong></strong>，浏览器会逐层提升语音音调
<del></del> 和 <ins></ins> 不只是画线，它们有明确的编辑语义
<del></del> 表示内容已被移除但保留在文档中供参考；<ins></ins> 表示新增内容。两者默认渲染为删除线/下划线，但关键是它们会出现在 DOM 的变更历史里。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 不要用
<del></del>去模拟“已售罄”或“过期价”，那是状态展示，应结合aria-hidden+ CSS 控制样式 -
<ins></ins>的datetime属性可记录插入时间：<ins datetime="2026-09-28T14:30">新条款生效</ins> - 连续多次修改时，避免嵌套
<del><ins>...</ins></del>，这会让语义混乱；应改用版本标记或后端 diff 渲染
<sub></sub> 和 <sup></sup> 在数学、化学、脚注中不可被 CSS 完全替代
CSS 的 vertical-align: sub/sup 只控制位置，不携带语义。而 <sub></sub> 和 <sup></sup> 明确告诉解析器这是下标/上标字符，影响排版引擎对行高、基线、字体缩放的处理。
- 化学式
H<sub>2</sub>O必须用<sub></sub>，否则语音阅读器会读成 “H 2 O”，而非 “H₂O” - 脚注编号
见第3条<sup>1</sup>应搭配<footer></footer>或<aside></aside>使用，不能只靠font-size: 0.7em; vertical-align: super; - 避免对中文数字用
<sup></sup>做角标（如“第①条”），中文语境下更推荐 Unicode 上标数字或图标替代
真正容易被忽略的是：所有这些标签都**不自动换行或添加空格**。比如 <strong>价格</strong><del>¥199</del><ins>¥149</ins> 会紧贴显示为「价格¥199¥149」，需手动加空格或用 CSS white-space 控制。语义正确只是第一步，视觉和可访问性要同步验证。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
