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

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

<strong>和<em>是抽象的(这就是人们说它是语义的意思)。 <b>和<i>是使某物“强烈”或“强调”的特定方式

类比:

<strong> = <b>， <em> = <i>

as

vehicle是jeep的意思

对于文本粗体使用<b>标记

对于重要的文本，使用<strong>标记

对于文本斜体样式使用<i>标签

对于强调的文本使用<em>标签

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

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

<i>， <b>， <em>和<strong>标签传统上具有代表性。但在HTML5中，它们被赋予了新的语义含义。

<i>和<b>在HTML4中用于字体样式。<i>为斜体，<b>为粗体。在HTML5中，<i>标签具有“替代声音或情绪”的新语义含义，<b>标签具有风格上偏移的含义。

<i>标签的使用例子有:分类名称、技术术语、来自另一种语言的惯用短语、音译、一种思想、西方文本中的船名。例如:

<p><i>I hope this works</i>, he thought.</p>

<b>标记的使用示例包括文档摘要中的关键字、评论中的产品名称、交互式文本驱动软件中的可操作单词、文章导语。

下面的示例段落在风格上与后面的段落有所偏移。

<p><b class="lead">The event takes place this upcoming Saturday, and over 3,000 people have already registered.</b></p>

<em>和<strong>在HTML4中具有强调和强强调的含义。但在HTML5中，<em>表示强调，<strong>表示强烈的重要性。

在下面的例子中，在阅读之前的单词时应该会有语言上的变化。

<p>Make sure to sign up <em>before</em> the day of the event, September 16, 2016</p>

在同样的例子中，我们可以使用<strong>标记，如下所示。

<p>Make sure to sign up <em>before</em> the day of the event, <strong>September 16, 2016</strong></p>

重视活动日期。

MDN裁判:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong

<b>和<i>是显式的-它们分别指定粗体和斜体。

<strong>和<em>是语义上的-它们指定所包含的文本应该以某种方式“强”或“强调”，通常是粗体和斜体，但允许通过CSS控制实际的样式。因此，这些是现代网页的首选。