和， 和之间有什么区别?

在HTML/XHTML中和， 和之间的区别是什么?什么时候使用它们?

当前回答

我要冒险从历史和现实的角度来分析:

是的，根据规范，在HTML4中具有语义意义，具有严格的表示意义。

是的，当HTML5出现时，b和i引入了略有不同的新语义。

是的，W3C基本上推荐TL,DR;不要用b和i。

您应该始终记住，b元素的内容不一定总是粗体，i元素的内容也不一定总是斜体。实际的样式取决于CSS样式定义。您还应该记住，在某些语言中，粗体和斜体可能不是内容的首选样式。如果有更描述性和更相关的标记可用，则不应该使用b和i标记。

BUT:

现实世界的互联网有大量的现有HTML，这些HTML永远不会更新。现实世界的互联网必须考虑在庞大的软件和CMS系统网络之间生成和复制粘贴的内容，这些软件和CMS系统都有不同的开发团队，建立在不同的时代。

因此，如果您正在编写HTML或构建一个为其他人编写HTML的系统，当然，一定要使用而不是来表示“强烈强调”，因为它在语义上更正确。

但实际上，实际情况是，和的语义和风格意义已经随着时间的推移而合并。

如果我正在构建一个允许任何样式文本粘贴的CMS，我需要为正在粘贴并表示“强烈强调”的人以及正在粘贴并表示“使此文本加粗”的人进行计划。这可能不是“正确的”，但这就是现实世界在这个时刻的运作方式。

因此，如果我为该网站写一个样式表，我可能最终会写一些样式，看起来像这样:

b,
strong {
  font-weight: 700;
  /* ... more styles here */
}

i,
em {
  font-style: italic;
  /* ... more styles here */
}

或者，我将依赖于浏览器的默认值，它在我所知道的每个现代浏览器中执行与上述代码相同的任务。

或者，我可能是数百万个使用normalize.css的网站之一，它会注意确保b和strong被同等对待。

世界上已经有如此庞大的HTML海洋在这个期望下工作，我只是无法想象b会被贬低而支持strong，或者浏览器会开始默认地以不同的方式显示它们。

就是这样。这就是我对语义、历史和现实世界的看法。b/i和strong/em是一样的吗?不。在现代文明崩溃之前，它们是否可能在几乎所有情况下都存在并被视为相同?我想是的。

2020-07-14 21:35:32

其他回答

和都与风格有关，而和是语义的。在HTML 4中，前者被归类为字体样式元素，后者被归类为短语元素。

正如您正确指出的，和通常被认为是相似的，因为浏览器通常以斜体显示它们。但根据规范，表示强调，表示更强调，这很清楚，但经常被误解。另一方面，何时使用或之间的区别实际上是一个风格问题。

2008-11-07 11:11:51

我们使用标签的文本有高优先级的SEO目的，如产品名称，公司名称等，而简单使其加粗。

类似地，我们使用表示在SEO中具有高优先级的文本，而使用使文本简单地变成斜体。

2011-04-07 05:44:08

通常应该尽量避免和。它们在CSS创建之前的早期HMTL版本中被引入用于布局页面(改变它的外观)，就像同时删除的字体标签一样，主要是为了向后兼容，因为一些论坛允许内联HTML，这是一种简单的改变文本外观的方法(比如BBCode使用[i]，你可以使用等等)。

自从CSS创建以来，布局实际上不再是HTML中应该做的事情，这就是为什么CSS被创建在第一个地方(HTML ==结构，CSS ==布局)。这些标签在未来可能会消失，毕竟，如果你需要一个“毫无意义”的字体变化，你可以使用CSS和span标签来使文本变成粗体/斜体。HTML 5仍然允许这样做，但声明以这种方式标记文本没有意义。

另一方面，和只表示某些内容被“强调”或“强烈强调”，它让浏览器完全开放如何渲染它。大多数浏览器默认会将em显示为斜体和粗体，但它们并不是被迫这样做的(它们可能使用不同的颜色、字体大小、字体等等)。您可以使用CSS以您想要的方式更改行为。如果你喜欢，你可以让它们加粗，比如加粗和红色。

2008-11-07 11:18:26

正如其他人所说，和是显式的(即。"使此文本加粗")，而和是语义的(即:“应该强调这篇文章”)。

在现代网络浏览器的环境中，很难看出两者的区别(它们似乎产生了相同的结果，对吧?)，但想想为视力受损的人设计的屏幕阅读器。如果屏幕阅读器遇到标记，它将不知道该做什么。但是如果它遇到标签，它就知道应该向侦听器强调其中的内容。这就是实际的区别。

2008-11-07 11:04:47

和，没有实际的语义意义(就像@splattne指出的那样)是正确的，在很久以前。在现代HTML5 (<!DOCTYPE html>)它们确实有意义。查看以下链接。

语义(来自MDN)

:引起注意元素摘要中的关键字产品名称。

<p>Here at company XYZ, we use <b>HTML</b> and <b>Javascript</b>.</p>

: Idiomatic Text元素不同的声音或情绪分类学名称(如“智人”属和种) 来自另一种语言的惯用术语(如“等等”) 技术术语

<p>I <i>did</i> tell him, to arrive on time for the meeting.</p>

vs.

认识到这两者在HTML5中都是有效的语义元素，并且它们在大多数浏览器中都具有相同的默认样式(粗体)可能会有所帮助(尽管一些较老的浏览器实际上下划线)。每个元素都是在特定类型的场景中使用的，如果你想要加粗文本作为装饰，你应该实际使用CSS font-weight属性。源

vs.

元素表示其内容的重音强调，而元素表示与普通散文分开的文本。源

我的2美分

我个人更喜欢和而不是和。

它们更短，从开发人员的角度来看，它们的语义也很有意义。我不知道今天的屏幕阅读器是否能和它们一起工作。如果没有，我想他们最终会的。A18n是一个很难的主题，我只是遵循文档的引导。MDN说我可以用它们，所以我就用了。

2021-07-28 17:16:45

<b>和<strong>， <i>和<em>之间有什么区别?

推荐文章

最新文章

标签