什么时候最好使用HTML表示标记或CSS来设计元素的样式

Question

在HTML和CSS中使用此方法的区别是什么；亲；至于只是使用。

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

非语义下划线

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

注意：

与其他纯样式元素一起，最初的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>

Answer 2

这两种方法都是给文本加下划线的好方法，但我建议您使用htmlu标记，因为它会让您的html看起来不那么混乱，更有条理。快乐编码

Answer 3

尽管span用于样式设置，但u标记在语义上是正确的。

Answer 4

如果您的目标是给文本加下划线，则可以同时使用这两种方法。

HTML标记已被弃用，但在HTML5中返回，因此您可能会发现与它不兼容

样式属性的使用将全局覆盖任何样式集。它将覆盖HTML标记或外部样式表中的任何样式集。正如您在片段的第一个短语中看到的那样。

.override{
text-decoration: overline;
}
.underline{
text-decoration: underline;
}
.line-through{
text-decoration:line-through;
}
.overline{
text-decoration:overline;
}

<p>This is my <u class="override">first</u> phrase</p>
<p >This is my <span class="underline">second</span> phrase</p>
<p >This is my <span class="line-through">third</span> phrase</p>
<p >This is my <span class ="overline">fourth</span> phrase</p>