标签在HTML5中不是视觉下划线工具，而是语义化标记拼写错误、专有名词等未被精确分类的文本；必须用CSS显式定义样式，禁用默认下划线以避免与链接混淆、保障可访问性。
<u></u> 标签在 HTML5 中**不是用来加下划线的视觉工具**，而是专用于标记语义上“未被更精确元素覆盖”的文本片段，比如拼写错误、中文专有名词、技术术语等。直接用它实现下划线样式属于误用，且会损害可访问性。
什么时候该用 <u></u>？
仅当你要表达一段文字在当前上下文中具有特殊但非强调/引用/删除等明确语义时才考虑使用：
- 校对稿中待修正的拼写错误（如
<u class="typo">recieve</u>），且不希望用<span></span>或其他语义更强的标签 - 中文文本中需突出但又不适合用
<abbr></abbr>或<dfn></dfn>的专有名词（如人名、地名、机构名），例如古籍整理中标注首次出现的异体字 - 代码示例里某个变量名需要视觉区分，但又不属于
<code>或<var></var>的典型范畴（极少见） - 所有使用场景都必须配合
class或 CSS 显式定义样式，不能依赖浏览器默认下划线
为什么不能用 <u></u> 实现普通下划线？
浏览器虽仍渲染默认下划线，但这只是历史兼容残留，HTML5 规范已明确剥离其样式含义：
- 用户极易将
<u></u>文本误认为是超链接，尤其在无 hover 状态的移动端 - 屏幕阅读器可能忽略或错误播报
<u></u>内容，因为它不传递任何结构化语义 - CSS 中
text-decoration: underline可控性更强：支持颜色（text-decoration-color）、样式（text-decoration-style: wavy/dotted）、位置（text-underline-position）等 - 用
<u></u>做样式，等于把表现逻辑混进 HTML 结构，违背现代前端分层原则
替代方案怎么写才靠谱？
绝大多数“想加下划线”的需求，都应该用 CSS：
立即学习“前端免费学习笔记（深入）”；
- 单次使用：直接加内联样式
<span style="text-decoration: underline">重点内容</span> - 复用场景：定义 class，例如
<span class="highlight">AI模型</span>，CSS 写.highlight { text-decoration: underline; text-decoration-color: #007bff; } - 需要语义+样式：优先选更准确的标签，比如技术术语用
<dfn></dfn>、缩写用<abbr title="Artificial Intelligence">AI</abbr>，再用 CSS 修饰 - 若真要用
<u></u>表达拼写错误，务必加 class 并重置样式，例如：<u class="typo">recieve</u>+.typo { text-decoration: wavy red underline; }
真正难的不是怎么让文字带下划线，而是判断这段文字是否值得被单独语义化——<u></u> 的存在意义，恰恰在于提醒你：先想清楚它“是什么”，再决定“怎么标”。
