html格式化标签须按语义选用：表强重要性（屏幕阅读器加重），仅视觉加粗；用于可追溯删除，表内容失效；限上下文参考标记；仅用于非文本注释。
HTML格式化标签不是“能用就行”，而是“该用哪个、为什么不能混用、什么时候必须配CSS”——选错标签会破坏语义、影响可访问性，甚至让屏幕阅读器读错重点。
为什么 <strong></strong> 和 <b></b> 不能互换
两者都加粗，但语义完全不同：<strong></strong> 表示内容有强烈重要性（比如安全警告），屏幕阅读器会加重语气；<b></b> 只是引起注意（比如关键词高亮），无语义权重。搜索引擎和辅助技术依赖这个区别。
- 错误用法：
<b>警告：系统即将重启</b>→ 屏幕阅读器不会强调，用户可能忽略 - 正确用法：
<strong>警告：系统即将重启</strong> - 纯视觉加粗（如品牌名、标题装饰）应优先用 CSS：
font-weight: bold，而非任何标签
<del></del> 与 <s></s> 的适用边界在哪
<del></del> 是修订语义：表示内容被删除但保留在文档中供追溯（如协作编辑、法律条文修订）；<s></s> 表示内容已失效、不准确或不再相关（如过期价格、已下架商品），不强调修改过程。
- 电商价签场景用
<s></s>：<s>$199</s> $149—— 原价已作废，不是“编辑痕迹” - 合同修订场景用
<del></del>：甲方应于<del>2025年12月31日</del><ins>2026年3月31日</ins>前付款 -
<s></s>在 HTML5 中未被弃用，但语义窄；<del></del>更通用，且支持datetime属性记录删除时间
<mark></mark> 不是“高亮笔”，它的语义很具体
<mark></mark> 表示文本在当前上下文中具有参考价值或需临时标记（如搜索结果中的关键词、文档中被引用的部分），不是泛指“我想让它显眼”。它默认黄色背景，但样式常需重置以匹配设计。
- 合理场景：
搜索结果中匹配词：<mark>HTML5</mark> 格式化规范 - 不合理场景：
<mark>立即购买</mark>→ 这是行动号召，该用<strong></strong>或按钮样式 - 注意兼容性：
<mark></mark>在旧版 IE 中不支持，若需降级，得用<span class="mark"></span>+ CSS 模拟
为什么 <u></u> 现在基本不该单独用
HTML5 明确将 <u></u> 重新定义为“非文本注释”，比如拼写错误、中文专名号（人名/地名下划线）、专有名词标注。它不是通用下划线工具——链接已有默认下划线，再用 <u></u> 会造成混淆。
- 唯一推荐用法：
他写错了：<u>氵</u>旁应为“冫”旁（标拼写错误） - 绝对避免：
<u>点击此处下载</u>→ 用户会误以为是链接，且违反可访问性原则 - 真要下划线？用 CSS：
text-decoration: underline，并确保有足够对比度和 hover 状态区分
真正难的不是记住每个标签怎么写，而是判断当前文本在文档结构、用户意图、辅助技术链路里扮演什么角色——语义错位比样式丑陋更致命，而且往往上线后才暴露。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
