什么时候最好使用 HTML 表示标签或 CSS 来设置元素样式？ [关闭]答案

【问题标题】：When is it best to use HTML presentation tags or CSS to style elements? [closed]什么时候最好使用 HTML 表示标签或 CSS 来设置元素样式？ [关闭]
【发布时间】：2021-01-09 05:54:41
【问题描述】：

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

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

【问题讨论】：

标签： html css underline

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

`` 标签

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

避免使用

非语义下划线

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

注意：

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

重要提示：-

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

`` 标签

HTML  元素是一个通用内联容器，用于表达内容，它本身并不代表任何内容。

.pro {text-decoration: underline;}

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

【讨论】：

【解决方案3】：

虽然 span 用于样式目的，但 u 标签在语义上是正确的。

【讨论】：

【解决方案4】：

两者都是给文本下划线的好方法，但我建议你使用 html u 标签，因为它会让你的 html 看起来不那么凌乱，更有条理。快乐编码

【讨论】：

什么时候最好使用 HTML 表示标签或 CSS 来设置元素样式？ [关闭]

`<u>` 标签

`<span>` 标签

&lt;u&gt; 标签

&lt;span&gt; 标签

`<u>` 标签

`<span>` 标签