html文本格式化核心是语义而非样式：表强重要性，仅视觉加粗；表语气强调，表术语标识；表上下文相关，表内容已移除；/需注意排版与可访问性。
别用 <u></u> 做下划线，也别用 <s></s> 替代删除语义——HTML 文本格式化的核心不是“怎么看起来像”，而是“浏览器和辅助工具怎么理解你写的这段文字”。
什么时候该用 <strong></strong> 而不是 <b></b>
两者都加粗，但语义完全不同：<strong></strong> 表示内容有强重要性（比如错误提示、必填项说明），会被屏幕阅读器加重语气朗读；<b></b> 仅是视觉加粗，无语义权重，适合品牌名、产品名这类需要突出但不强调“重要性”的场景。
- 登录页的错误提示应写成：
<p>请填写<strong>有效的邮箱地址</strong></p> - 公司 slogan 中的品牌词可写成：
<p>欢迎来到<b>CodeFlow</b>开发平台</p> - 混淆使用会导致 SEO 权重误判，也影响无障碍访问
<em></em> 和 <i></i> 的实际分工
<em></em> 是强调语气，比如反问、转折、重点词，语音阅读器会改变语调；<i></i> 仅表示“不同寻常的文本”，如外文术语、船名、生物学名、思想流派名称，它不触发语义强调。
- 技术文档中：“这个 API 返回
<em>null</em>表示未找到资源”——这里null是逻辑重点 - 科普文章中：“拉丁学名
<i>Homo sapiens</i>意为‘智人’”——这里只是标识术语类型 - 用
<i></i>包裹普通中文词汇（如“注意”“警告”）属于语义滥用，应改用<strong></strong>或 CSS 类
<mark></mark> 不是高亮笔，<del></del> 不是删除线装饰
<mark></mark> 表示“在当前上下文中被标记为相关或需关注”，常用于搜索结果匹配、引用批注；<del></del> 表示内容已被移除且不应再被采纳（如过期价格、已废止条款），而 <s></s> 仅表示“不再准确”，但未必被主动删除（如“原价 <s>$199</s>”）。
- 电商页面价格对比：
<p><del>$199</del> <ins>$149</ins></p>——明确传达变更行为 - 法律条文修订稿：
<p>第5条第2款修改为：<del>不得擅自拆除</del> <ins>未经许可不得拆除</ins></p> -
<mark></mark>在非搜索上下文中滥用（比如全段落都标黄）会削弱其语义价值，也干扰可访问性
<sub></sub> 和 <sup></sup> 的排版陷阱
它们自动调整基线位置，但默认行高不会自适应——在密集段落中容易导致上下行文字碰撞。尤其 <sup></sup> 用于脚注编号时，若紧跟标点（如“详见<sup>1</sup>。”），句号可能被顶高或压扁。
- 化学式推荐写法：
H<sub>2</sub>O、CO<sub>2</sub>——浏览器能正确解析基线 - 脚注建议组合使用：
<sup>@#@#@#@#@#@#@#@#@#@0</sup>，避免纯数字裸露 - 不要用
<sup></sup>模拟上标样式（如“第2ⁿᵈ章”），这种写法既不可读也不可访问；应改用 CSS 或 Unicode 上标字符（如 ²）并辅以aria-label
真正难的不是记住每个标签怎么写，而是每次敲下 时，先问一句：我这段文字，是想告诉机器“这很重要”，还是“这看起来不一样”？
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
