<u>

HTML<u>元素使文本在其内容的基线下的一行呈现下划线。在HTML5中，此元素表示具有未标注的文本跨度，显示渲染，非文本注释，例如将文本标记为中文文本中的专有名称(一个正确的中文标记),或将文本标记为拼写错误。

浏览器支持

所有主流浏览器都支持<u>标签。

示例

<p>this is a <u>parragraph</u>.</p>

标签定义及使用说明

• <u>标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。为文本加下划线。
• <u>就像所有排版元素那样，在 HTML4 中废弃，但是在 HTML 5 中恢复了一个新的语义，意思是：将文本标记为应用了某种形式的非文本注释。
• 请尽量避免使用<u>为文本加下划线，用户会把它混淆为一个超链接。在可能和超链接混淆的地方，避免使用<u>。要为文本加下划线，您应该应用包含CSStext-decoration:underline的样式。
• <u>元素的有效用例包括注释拼写错误，应用proper name mark来表示中文文本中的专有名称以及其他形式的注释。
• 您不应该使用<u>简单地为文字加下划线，或者表示书籍的标题。

• HTML5 规范建议开发者尽量使用其他元素替代<u>元素。在大多数情况下，您应该使用<u>以外的元素，例如：
  • <em>表示强调重点
  • <b>提示注意文字
  • <mark>标记关键词或短语
  • <strong>表明文本具有重要意义
  • <cite>标记书籍或其他出版物的标题
  • <i>表示西方文本中的技术术语，音译，思想或船名

HTML 4.01 与 HTML5之间的差异

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

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

属性

这个元素仅包含全局属性。

全局属性

<u>标签支持HTML 的全局属性。

事件属性

<u>标签支持HTML 的事件属性。

示例

表示拼写错误

此示例使用<u>元素和一些CSS来显示包含拼写错误的段落，其中错误以红色波浪下划线样式表示，这种情况通常用于此目的。

//html

<p>this paragraph includes a <u class="spelling">wrnogly</u>
spelled word.</p>

在HTML中，我们看到<u>使用了一个类spelling，用于表示“wrongly”一词的拼写错误。

//CSS

u.spelling {
  text-decoration: red wavy underline;
}

这个CSS表示当<u>元素使用类spelling进行样式化时，它的文本下面应该有一个红色的波浪下划线。这是拼写错误的常见样式。也可以使用另一种常见样式red dashed underline.。

结果

任何使用过今天比较流行的文字处理器的人都应该熟悉结果。

避免使用<u>

大多数情况下，您实际上不想使用<u>。以下是一些示例，显示在几种情况下您应该做什么。

非语义下划线

要在不暗示任何语义含义的情况下为文本加下划线，请使用<span>元素并将text-decoration属性设置为"underline"，如下所示。

HTML

<span class="underline">today's special</span>
<br>
chicken noodle soup with carrots

CSS

.underline {
  text-decoration: underline;
}

结果

表示书名

书籍标题应使用<cite>元素而不是<u>甚至<i>来呈现。

HTML

<p>the class read <cite>moby dick</cite> in the first term.</p>

默认样式的结果

请注意，<cite>元素的默认样式会以斜体显示文本。如果您愿意，可以使用CSS覆盖它：

cite {
  font-style: normal;
  text-decoration: underline;
}

定制样式的结果