The HTML <u>
element renders text with an underline, a line under the baseline of its content. In HTML5, this element represents a span of text with an unarticulated, though explicitly rendered, non-textual annotation, such as labeling the text as being a proper name in Chinese text (a Chinese proper name mark), or labeling the text as being misspelled.
Content categories | Flow content, phrasing content, palpable content. |
---|---|
Permitted content | Phrasing content. |
Tag omission | None, both the starting and ending tag are mandatory. |
Permitted parents | Any element that accepts phrasing content. |
Permitted ARIA roles | Any |
DOM interface |
HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element. |
This element only includes the global attributes.
As with all pure styling elements, <u>
was deprecated in HTML 4 and XHTML 1, but was then re-introduced in HTML5 with other semantics. If you want to underline text in a non-semantic manner, you should use a <span>
element, or another semantically appropriate element, and style it with the CSS text-decoration
property, with the underline
value.
Tip: Avoid using the <u>
element where it could be confused for a hyperlink.
Note: The HTML 5 specification reminds developers that other elements are almost always more appropriate than <u>
.
The following are examples of how elements other than <u>
should be used instead.
<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.
Due to the default styling of <em>
and <i>
they have been displayed in italics, however CSS can be used to style those elements with a normal font style and underline.
Specification | Status | Comment |
---|---|---|
WHATWG HTML Living Standard The definition of '<u>' in that specification. | Living Standard | |
HTML5 The definition of '<u>' in that specification. | Recommendation | |
HTML 4.01 Specification The definition of '<b>' in that specification. | Recommendation |
<span>
, <i>
, <em>
, and <cite>
elements are, depending on the case, to be used instead.text-decoration
property is to be used to achieve the former visual aspect of the <u>
element.
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u