HTML/CSS 字体颜色与跨度样式答案

【问题标题】：HTML/CSS font color vs span styleHTML/CSS 字体颜色与跨度样式
【发布时间】：2010-11-15 08:18:52
【问题描述】：

我应该使用什么？

<span style="color:red">test</span>

或

<font color="red">test</font>

为什么？

【问题讨论】：

标签： html css

【解决方案1】：

您应该使用，因为as specified by the spec、 已被弃用，可能不会按您的意愿显示。

【讨论】：

Span（和 div）没有被弃用，但它们也不是语义的。换句话说，它们没有给文本添加任何“意义”。它们只能用于对元素进行分组而不添加含义：en.wikipedia.org/wiki/Span_and_div
我从未说过 Span 或 div 已被弃用，我很难相信它们会被弃用。 span 正是为了它的目的而设计的：在非语义上能够更改文本的某些部分。
我从来没有说过 span 和 div 也被弃用了，我同意你的观点，它们可能永远不会被弃用。但假设 OP 具有红色文本的含义似乎是合理的，例如强调。所以他应该为此使用语义标签。但是，如果文本只需要在没有语义含义的情况下被涂成红色（例如，只是为了创造一些色彩），那么 span 是一个不错的选择。
啊哈，我明白了。在这种情况下，您的建议将是完美的，但由于 OP 只询问要使用哪个元素， 是这里两个元素中的首选。 :)

【解决方案2】：

第一偏好外部样式表。

<span class="myClass">test</span>

css

.myClass
{
color:red;
}

第二偏好内联样式

<span style="color:red">test</span>

 如前所述已弃用。

【讨论】：

【解决方案3】：

两者都没有。您应该将内容和表示分开，为您的 HTML 代码提供逻辑代码。这样想；对于盲人，或在无法显示颜色的浏览器上，您的代码还剩下什么？你为什么要它是红色的？

很可能，您决定将文本设置为红色是因为您想强调它。所以你的 HTML 代码应该是：

<em>test</em>

这样，即使是非可视浏览器也可以确保它们以一种或另一种方式强调文本。

下一步是使文本变为红色。但是您不想在任何地方添加颜色代码，只需添加一次会更有效：

<style>
  em { color: red; }
</style>

这样，所有您网站上强调的代码都会变成红色，使其更加稳定。

【讨论】：

【解决方案4】：

<span style="color:#ffffff; font-size:18px; line-height:35px; font-family: Calibri;">Our Activities </span>

这对我很有效:) 正如上面已经提到的“字体标签已被弃用，至少在 XHTML 中。使用 span 标签总是安全的。字体可能不会给你想要的结果，至少在我的如果没有。

【讨论】：

【解决方案5】：

使用风格。字体标签已弃用 (W3C Wiki)。

【讨论】：

【解决方案6】：

 标签一直是deprecated，至少在 XHTML 中是这样。这意味着它的使用是官方“不赞成”的，并且不能保证未来的浏览器会继续按您的预期显示文本。

你必须使用 CSS。使用 标签或单独的样式表。根据它的specification， 标签没有语义，只是允许你改变特定区域的样式。

【讨论】：

不，除非您真的知道自己在做什么，否则不要以 XHTML 为目标：webdevout.net/articles/beware-of-xhtml。 99.9% 的所谓 XHTML 不是（有效的）XHTML。
@Peter：很公平，我承认在这个问题上有多种有效的意见。 XHTML 只是我个人的偏好。但值得指出的是，“定位”是指“编写有效”的 XML。

【解决方案7】：

实际上我会说第一个偏好是外部样式表（外部 CSS），第二个偏好是在当前页面标题部分的样式标签中编写 CSS（内部 CSS）

<style type="text/css">
<!-- CSS goes here -->
</style>

作为第三种选择——或者说是最后的手段——我会在标签本身中使用 CSS（内联 CSS）。

【讨论】：