This article needs a technical review. How you can help.
Our volunteers haven't translated this article into فارسی yet. Join us and help get the job done!
Summary
The HTML Underline Element (<u>
) 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.
<u>
has been deprecated in HTML 4 and XHTML 1, but it has been 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.Usage context
Content categories | Flow content, phrasing content, palpable content. |
---|---|
Permitted content | Phrasing content. |
Tag omission | None, both the starting and ending tag are mandatory. |
Permitted parent elements | Any element that accepts phrasing content. |
DOM interface | HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element. |
Attributes
This element only includes the global attributes.
Tips and Notes
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>
.
DOM interface
This element implements the HTMLElement
interface.
HTMLSpanElement
interface for this element.Example
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.
See Also
- The
<span>
,<i>
,<em>
, and<cite>
elements are, depending on the case, to be used instead. - The CSS
text-decoration
property is to be used to achieve the former visual aspect of the<u>
element.