HTML u 标签 - 绿叶网

HTML u 语法

在 HTML 中，u 标签用于给文本添加下划线效果，表示强调文本或表示特殊文本等。

其中，u 是 “underline（下划线）” 的缩写。

语法：

<u>要添加下划线的文本</u>

说明：

u 是一个无语义标签，在实际开发中比较少会用到。如果你希望带有 “强调” 的语义，应该使用 strong 或 em 标签。如果你希望文本带有下划线效果，应该使用 CSS 的 text-decoration 属性来定义。

注意: 在网页中，下划线通常会被用户视为 “超链接” 的标志。为了避免混淆用户，除非确有必要（如专名号），否则尽量不要给普通文本添加下划线。

HTML u 摘要

属于	HTML 标签
使用频率	低
兼容性	查看
官方文档	查看
MDN	查看

HTML u 示例

接下来，我们通过几个简单的例子来讲解一下 HTML u 标签是如何使用的。

示例 1：u 标签的基本用法

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <p>欢迎来到<u>绿叶网</u></p>
</body>
</html>

页面效果如下图所示。

HTML u标签示例

分析：

u 是一个无语义标签，它的效果完全可以使用 CSS 的 text-decoration: underline; 来代替，请看下面例子。

示例 2：使用 CSS 实现 u 标签的效果

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        span { text-decoration: underline; }
    </style>
</head>
<body>
    <p>欢迎来到<span>绿叶网</span></p>
</body>
</html>

页面效果如下图所示。

CSS实现u标签的效果