内容

• 脚步
• 方法 1（共 2 个）：现代方法
• 方法 2 of 2：传统方法
• 提示

旧的 HTML 下划线方法是使用 u> / u> 标签，但现在它使用基于现代 CSS 的方法。下划线被认为是吸引人们注意文本的一种糟糕方式，因为很容易将下划线文本与链接混淆。

脚步

方法 1（共 2 个）：现代方法

1. 1 使用 CSS 中的“text-decoration”属性。 目前，u> 标签不用于为文本加下划线。
   • 通过添加此属性，您将来在旧标签退役时不必更改代码。
2. 2 使用 span> 标记为特定的文本片段加下划线。 在要加下划线的文本前输入一个开始标记以及“文本装饰”属性。在文本末尾，输入结束标记/span>。

   span style = "text-decoration: underline;"> 这段文字会加下划线。/span>

3. 3 在 style> 部分中指定 HTML 元素，以便更轻松地添加下划线。 也可以使用 CSS 样式表来完成。例如，要为所有 3 级标题添加下划线，请将以下代码添加到“样式”部分：

   html> head> style> h3 {文字装饰：下划线； } /style>/head>body>h3>这个标题会带下划线/h3>/body>/html>

4. 4 创建一个 CSS 类来快速给文本加下划线。 您可以在样式表或样式> 部分中创建类以便稍后调用它们。可以为类指定任何名称。

   html> head> style> .underline {text-decoration: underline; } /style>/head>body>使用这个类为div>快速下划线/div>各种div>元素/div>/body>/html>

5. 5 考虑其他突出显示文本的方法。 我们建议您避免使用下划线以避免混淆用户。最好使用 em> 标签使文本变成斜体。使用 CSS 向该标签添加其他样式选项。

   html> 头> 样式> em {颜色：红色； } / style> / head> body> 由于额外的样式选项，“em”元素中的任何内容都将被斜体（默认情况下）并着色为红色 /em> 。 /正文> /html>

方法 2 of 2：传统方法

1. 1 避免使用旧的 u> / u> 标签。 它们已被弃用，这意味着这些标签仍然有效，但不鼓励或不鼓励使用。这是因为 HTML 并不是为了自定义内容的样式。 u> 标签仍然有效，但必须表示与其他文本不同的文本，例如拼写错误的单词或中文专有名称。
2. 2 使用 u> / u> 标签给元素加下划线（仅用于演示）。 几乎没有一种情况需要使用这些标签。您可能需要编辑旧网站，因此最好了解标签是什么。

   html> body> 旧的 HTML u> 标签使得快速下划线 / u> 元素成为可能，但如果触及其他样式元素，事情就会变得混乱。因此，现在他们使用 CSS 元素“text-decoration”作为下划线。 /正文> /html>

提示

• 几乎总是有比下划线更好的方式来突出显示网页上的内容。下划线会使用户感到困惑。考虑如何使用 CSS 突出显示文本。