标签在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需重置默认样式,并增强可读性:
.typo {
text-decoration: wavy red underline;
text-underline-position: under;
}
其他适用语境与注意事项
- 中文专有名词首次出现时(如古籍整理中的人名、异体字),可用
<u class="proper-noun">王羲之</u>并配title="东晋书法家" - 技术文档中临时标注待确认术语,比如
<u class="uncertain" aria-label="该术语尚未标准化">量子退火门</u> - 禁止无修饰直接使用
<u></u>;禁用默认下划线;不用于强调、引用或纯视觉装饰
真正关键的不是加不加线,而是让这段文字在结构、视觉、语音三层面都传达一致含义。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











