HTML <u> 元素

HTML <u> 元素使文本内容的基线下显示下划线。在 HTML5 中，该元素代表一段未标注的文本，例如将文本标记为中文文本中的专有名称，或将文本标记为拼写错误。

使用 <u> 标签为文本添加下划线：

<p>这是一个<u>段落</u>。</p>

尝试一下 »

特性

内容类别	流式内容，短语内容，可触知内容。
允许的内容	短语内容。
标签省略	不允许，开始标签和结束标签都不能省略。
允许的父元素	任何接受短语内容的元素。
允许的 ARIA 角色	任意
DOM 接口	HTMLElement，在 Gecko 1.9.2 (Firefox 4) 之前，Firefox 通过 HTMLSpanElement 接口实现该元素。

属性

该元素只包含全局属性。

事件属性

<u> 元素支持 HTML 的事件属性。

使用注意

与所有纯样式元素一样，<u> 在 HTML 4 和 XHTML 1 中已被弃用，但随后又以其他语义重新引入 HTML5。如果要以非语义方式显示下划线文本，则应使用 <span> 元素或其他语义上合适的元素，并使用CSStext-decoration属性和 underline 值来显示。

提示： 在可能和超链接混淆的地方，避免使用 <u> 元素。

注意： HTML 5 规范提醒开发人员，其他元素几乎总是比 <u> 更合适。

实例

以下是使用其他元素替代 <u> 元素的实例。

纯粹显示下划线作为装饰作用时，可使用 <span> 替代 <u>

<u>今日特价</u>：三文鱼<br />
<span style="text-decoration:underline;">今日特价</span>：三文鱼
<!-- 这里使用 <span> 通过 CSS 显示下划线是纯粹的装饰作用 -->

尝试一下 »

<p><u>所有</u>这一切在<u>《深入 Python》</u>中解释了。</p>
<p><em>所有</em>这一切在<i>《深入 Python》</i>中解释了。</p>
<!-- 这里 “全部” 被标记为强调，使用 <em>，而 “深入 Python” 则使用<i>标记为一个名称 --> 

尝试一下 »

即使 <em> 和 <i> 的默认样式是以斜体显示，但是 CSS 可用于使其显示为正常的字体样式和增加下划线。

规范

规范	状态	备注
HTML Living Standard <u> 的定义	现行的标准	-
HTML5 <u> 的定义	推荐	-
HTML 4.01 Specification <b> 的定义	推荐	-

HTML 4.01 与 HTML5 之间的差异

在 HTML 4 中，<u>元素已废弃（<u> 元素被用来定义下划线）。

HTML5 中重新定义了 <u> 元素，它定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。

桌面浏览器兼容性

移动浏览器兼容性

相关链接

• <span>，<i>，<em> 和 <cite> 元素，取决于情况，可用来代替。
• CSS text-decoration 属性可用于实现 <u> 元素的视觉效果。