在HTML/XHTML中<b>和<strong>， <i>和<em>之间的区别是什么?什么时候使用它们?
当前回答
<b>和<i>，没有实际的语义意义(就像@splattne指出的那样)是正确的，在很久以前。在现代HTML5 (<!DOCTYPE html>)它们确实有意义。查看以下链接。
语义(来自MDN)
<b>:引起注意元素 摘要中的关键字 产品名称。
<p>Here at company XYZ, we use <b>HTML</b> and <b>Javascript</b>.</p>
<i>: Idiomatic Text元素 不同的声音或情绪 分类学名称(如“智人”属和种) 来自另一种语言的惯用术语(如“等等”) 技术术语
<p>I <i>did</i> tell him, to arrive on time for the meeting.</p>
<b> vs. <strong>
认识到这两者在HTML5中都是有效的语义元素，并且它们在大多数浏览器中都具有相同的默认样式(粗体)可能会有所帮助(尽管一些较老的浏览器实际上下划线<strong>)。每个元素都是在特定类型的场景中使用的，如果你想要加粗文本作为装饰，你应该实际使用CSS font-weight属性。源
<i> vs. <em>
<em>元素表示其内容的重音强调，而<i>元素表示与普通散文分开的文本。源
我的2美分
我个人更喜欢<b>和< I >而不是<strong>和<em>。
它们更短，从开发人员的角度来看，它们的语义也很有意义。 我不知道今天的屏幕阅读器是否能和它们一起工作。如果没有，我想他们最终会的。A18n是一个很难的主题，我只是遵循文档的引导。MDN说我可以用它们，所以我就用了。
其他回答
HTML格式元素:
HTML还定义了特殊元素，用于定义具有特殊含义的文本。 HTML使用像<b>和<i>这样的元素来格式化输出，比如粗体或斜体文本。
HTML粗体和强格式:
HTML <b>元素定义了粗体文本，没有任何额外的重要性。
<b>This text is bold</b>
HTML <strong>元素定义了强文本，并添加了语义 “强大”的重要性。
<strong>This text is strong</strong>
斜体和强调格式:
HTML <i>元素定义了斜体文本，没有任何额外的内容 的重要性。
<i>This text is italic</i>
HTML <em>元素定义了带有附加语义的强调文本 的重要性。
<em>This text is emphasized</em>
通常应该尽量避免<b>和<i>。它们在CSS创建之前的早期HMTL版本中被引入用于布局页面(改变它的外观)，就像同时删除的字体标签一样，主要是为了向后兼容，因为一些论坛允许内联HTML，这是一种简单的改变文本外观的方法(比如BBCode使用[i]，你可以使用<i>等等)。
自从CSS创建以来，布局实际上不再是HTML中应该做的事情，这就是为什么CSS被创建在第一个地方(HTML ==结构，CSS ==布局)。这些标签在未来可能会消失，毕竟，如果你需要一个“毫无意义”的字体变化，你可以使用CSS和span标签来使文本变成粗体/斜体。HTML 5仍然允许这样做，但声明以这种方式标记文本没有意义。
另一方面，<em>和<strong>只表示某些内容被“强调”或“强烈强调”，它让浏览器完全开放如何渲染它。大多数浏览器默认会将em显示为斜体和粗体，但它们并不是被迫这样做的(它们可能使用不同的颜色、字体大小、字体等等)。您可以使用CSS以您想要的方式更改行为。如果你喜欢，你可以让它们加粗，比如加粗和红色。
<b>和<i>是显式的-它们分别指定粗体和斜体。
<strong>和<em>是语义上的-它们指定所包含的文本应该以某种方式“强”或“强调”，通常是粗体和斜体，但允许通过CSS控制实际的样式。因此，这些是现代网页的首选。
它们对普通的web浏览器渲染引擎有相同的效果，但它们之间有根本的区别。
正如作者在一篇讨论列表帖子中写道:
想想三种不同的情况:
web浏览器 盲人 移动电话
“大胆”是一种风格——当你说“大胆一个字”时，人们基本上都知道 这意味着在字母周围添加更多的“墨水”，直到它们突出 其余的信里有更多。
不幸的是，这对盲人来说毫无意义。在手机上 和其他pda，文本已经是粗体，因为屏幕分辨率非常小。你不能在没有搞砸的情况下加粗。
<b>是一种样式——我们知道“粗体”应该是什么样子。
然而，<strong>表示应该如何理解某些内容。“Strong”在浏览器中可能(通常)意味着“粗体”，但对于Jaws(盲人)这样的语音程序来说，它也可能意味着较低的音调，或者在Palm Pilot上用下划线表示(因为你不能用粗体加粗)。
HTML从来就不是关于样式的。搜索“Tim Berners-Lee”和“语义网”。>是语义的——它描述了它包围的文本(例如，“这个文本应该比你所显示的其余文本更强”)，而不是描述它包围的文本应该如何显示(例如，“这个文本应该是粗体”)。
正如其他人所说，<b>和<i>是显式的(即。"使此文本加粗")，而<strong>和<em>是语义的(即:“应该强调这篇文章”)。
在现代网络浏览器的环境中，很难看出两者的区别(它们似乎产生了相同的结果，对吧?)，但想想为视力受损的人设计的屏幕阅读器。如果屏幕阅读器遇到<i>标记，它将不知道该做什么。但是如果它遇到<em>标签，它就知道应该向侦听器强调其中的内容。这就是实际的区别。
