标签在HTML5中是语义标记而非样式工具，专用于标识拼写错误等需特殊说明的文本，必须配合class、title或aria-label使用，禁止单独使用默认下划线。

标签在HTML5中不是样式工具，而是语义标记，专用于表达“当前文本与常规用法存在差异，但又不适合用更精确语义标签（如、、、）描述”的情况。拼写错误就是典型场景之一。

拼写错误必须配合明确语义说明
仅写 <u>recieve</u> 是不够的。浏览器默认下划线容易被误认为链接，屏幕阅读器也无法自动理解这是“错字”。正确做法是：

• 添加 class 用于样式控制和逻辑区分
• 用 title 属性说明问题性质，例如 title="应为 receive"
• 或配合 aria-label 提供无障碍支持，如 aria-label="拼写错误：应为 receive"

实际写法示例

<p>请检查这个单词：<u class="typo" title="应为 receive">recieve</u>。</p>

对应CSS需重置默认样式，并增强可读性：

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

立即学习“前端免费学习笔记（深入）”；

.typo {
  text-decoration: wavy red underline;
  text-underline-position: under;
}

其他适用语境与注意事项

• 中文专有名词首次出现时（如古籍整理中的人名、异体字），可用 <u class="proper-noun">王羲之</u> 并配 title="东晋书法家"
• 技术文档中临时标注待确认术语，比如 <u class="uncertain" aria-label="该术语尚未标准化">量子退火门</u>
• 禁止无修饰直接使用 <u></u>；禁用默认下划线；不用于强调、引用或纯视觉装饰

真正关键的不是加不加线，而是让这段文字在结构、视觉、语音三层面都传达一致含义。