HTML <u>
元素使文本在其内容的基线下的一行呈现下划线。在HTML5中, 此元素表示具有未标注的文本跨度,显示渲染,非文本注释,例如将文本标记为中文文本中的专有名称(一个正确的中文标记), 或 将文本标记为拼写错误。
内容类别 | 流式内容,短语内容,palpable 内容。 |
---|---|
允许的内容 | 短语内容 |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | 任何接受短语内容的元素。 |
允许的 ARIA 角色 | 任意 |
DOM 接口 | HTMLElement Gecko 1.9.2 (Firefox 4) 之前(包含), Firefox 为这个元素实现了 HTMLSpanElement 接口。 |
属性
这个元素仅仅包含全局属性。
使用注解
就像所有排版元素那样, <u>
在 HTML 4 和 XHTML 1 中废弃,但是在 HTML 5 中使用其它语义引入。如果你想要使用非语义的方式,给文本添加下划线,你应该使用 <span>
元素,或者其它语义适当的元素,并且使用 CSS text-decoration
属性和 underline
值为其排版。
提示: 在可能和超链接混淆的地方,避免使用 <u>
。
注:HTML 5 规范提醒开发者,其它元素比 <u>
更加适当。
示例
下面是一些示例,<u>
之外的元素如何替代使用。
<u>Today's Special</u>: Salmon<br /> <span style="text-decoration:underline;">Today's Special</span>: Salmon <!-- Here <span> is used as the underlining is purely decorative and it is applied with CSS -->
Today's Special: Salmon
Today's Special: Salmon
<p><u>All</u> of that is explained in <u>Dive into Python</u></p> <p><em>All</em> of that is explained in <i>Dive into Python</i></p> <!-- Here the "All" is marked as stressed, using <em>, while "Dive into Python" is marked as a name using <i> -->
All of that is explained in Dive into Python.
All of that is explained in Dive into Python.
由于 <em>
和 <i>
的默认排版,它们以斜体展示,但是 CSS 可以用于为那些带有普通字体样式和下划线的元素排版。
规范
Specification | Status | Comment |
---|---|---|
HTML Living Standard <u> |
Living Standard | |
HTML5 <u> |
Recommendation | |
HTML 4.01 Specification <b> |
Recommendation |