时间戳

首页 > 解决方案 > 什么时候最好使用 HTML 表示标签或 CSS 来设置元素样式？

html - 什么时候最好使用 HTML 表示标签或 CSS 来设置元素样式？

问题描述

在 HTML 和 CSS 中使用这个方法有什么区别，只使用一个 class="pro"。

<p>a <u>pro</u>grammar</p>

在 HTML 中？

使用类的 HTML...

<p>a <span class="pro">pro</span>programmer.</p>

CSS 类

.pro {text-decoration: underline;}

结果是一样的，但我想知道为什么我应该使用一个而不是另一个。

标签： htmlcssunderline

解决方案

<u>标签_

HTMLUnarticulated Annotation element (<u>)表示一段内联文本，应以表明它具有非文本注释的方式呈现。这默认呈现为简单的实线下划线，但可以使用 CSS 进行更改。

避免使用<u>

非语义下划线

要在不暗示任何语义含义的情况下为文本添加下划线，请使用属性设置为的<span>元素。text-decoration"underline"

笔记：

与其他纯样式元素一起，原始的 HTML Underline () 元素在HTML 4中已被弃用；但是，<u>它被恢复HTML 5为新的语义含义：将文本标记为应用了某种形式的非文本注释。

重要的提示 ：-

小心避免使用<u>带有默认样式（带下划线的文本）的元素，以免与默认情况下也带下划线的超链接混淆。

<span>标签_

HTML<span>元素是用于分句内容的通用内联容器，它本身并不代表任何内容。

.pro {text-decoration: underline;}
<p>a <u>pro</u>grammar</p> 
<p>a <span class="pro">pro</span>programmer.</p>

推荐阅读