比更值得默认使用，因其传达内容重要性语义，被读屏软件加重朗读、搜索引擎加权；仅视觉加粗，无语义，适用场景极少。
<strong></strong> 和 <b></b> 都能加粗文字，但语义不同：前者表示“重要内容”，后者只是“视觉加粗”。搜索引擎和读屏软件会区别对待——用错会导致可访问性降级、SEO弱化。
为什么 <strong></strong> 比 <b></b> 更值得默认使用
浏览器渲染效果几乎一样，但语义价值差很远：
-
<strong></strong>告诉辅助技术“这段话语气重、逻辑上关键”，比如价格、警告、操作按钮文案 -
<b></b>只是说“我想让它看起来粗一点”，比如人名、产品名、关键词高亮（无强调意图） - W3C 明确建议：
<b></b>仅用于“不带额外重要性的样式加粗”，现实中绝大多数加粗场景其实都该用<strong></strong>
<i></i> 和 <em></em> 的区别不是斜不斜，而是“有没有语气”
很多人以为 <i></i> 是“斜体”，<em></em> 是“强调”，就按视觉选——这是典型误解。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
<em></em>表示语音重音或语义强调，读屏软件会放慢语速、加重发音，比如“你真的确定？”中的“真的” -
<i></i>表示非文本语义的斜体用途：外文词（<i>café</i>）、科技术语（<i>Homo sapiens</i>）、船名（<i>Titanic</i>） - 滥用
<i></i>替代<em></em>，会让视障用户错过语气线索
<del></del> 和 <s></s> 不是“都能画删除线”，它们表达的意图完全不同
视觉上都带横线，但含义不可互换：
-
<del></del>表示“内容被移除但仍有参考价值”，比如修订记录、降价前的价格：<del>¥299</del> ¥199 -
<s></s>表示“内容不再准确/不适用”，比如过期公告、失效条款：“<s>活动截止至8月31日</s>” - CSS 里用
text-decoration: line-through能实现同样效果，但无法传达语义；而这两个标签自带语义，且会被屏幕阅读器识别为“已删除”或“已作废”
<u></u> 在现代 HTML 中基本不该手动用
过去用 <u></u> 给关键词加下划线，现在它有明确限制：
- HTML5 规定：
<u></u>仅用于“未标注的拼写错误”或“专有名词的非标准用法”，比如校对标记、双关语提示 - 普通下划线需求（如链接样式、重点标注）必须用 CSS：
text-decoration: underline - 直接写
<u>重点</u>容易被误读为拼写问题，尤其在教育、政府类网站中可能引发歧义
真正难的不是记住哪些标签能用，而是每次敲下 时，先问一句：我是在描述内容的**角色**，还是只想要个**样子**？前者选语义化标签，后者交给 CSS。这个判断点，90% 的格式化问题都卡在这里。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
