优先使用CSS添加下划线，语义清晰且样式可控；U标签仅用于拼写错误等特定语义场景。
想给文字加下划线，常用方法有两种：使用 U标签 或通过 CSS样式 实现。虽然效果相似，但在语义和灵活性上有明显区别。
U标签：简单直接但语义较弱
U标签是HTML中专门用于表示带下划线文本的元素，用法简单：
这是带下划线的文字它能快速实现视觉上的下划线，但问题在于：U标签本身没有明确语义，无法表达为什么加下划线。过去常被滥用做装饰性用途，现代开发中更推荐用CSS替代。
CSS text-decoration：语义清晰且控制灵活
使用CSS的 text-decoration 属性来添加下划线，是目前更推荐的方式：
立即学习“前端免费学习笔记（深入）”；
这是用CSS加的下划线
优势体现在：
- 可结合类名或语义化标签（如 、）表达意图
- 支持更多样式控制，如下划线颜色、线条样式（虚线、双线等）、间距调整
- 便于统一管理样式，维护性更强
什么时候用U标签？
HTML5重新定义了U标签的语义：用于显示拼写错误或非标准拼写等内容。例如：
teh在这种特定语境下使用U标签，配合spellcheck属性，有助于辅助工具识别。
进阶控制：CSS的下划线细节设置
CSS提供了比text-decoration更精细的控制方式，比如：
- text-decoration-color：设置下划线颜色
- text-decoration-style：实线、点线、波浪线等
- text-underline-offset：调整下划线与文字的距离
- text-decoration-thickness：设置下划线粗细
例如，实现一条红色波浪下划线并离文字远一点：
p {text-decoration: underline red wavy;
text-underline-offset: 4px;
}
基本上就这些。日常开发中，优先用CSS控制下划线，保留U标签在有明确语义场景下的使用。这样既保证页面表现力，也提升可访问性和代码可维护性。不复杂但容易忽略。
