什么时候最好使用 HTML 表示标签或 CSS 来设计元素？

Question

在 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;}

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

Answer 1

该<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>