我们将<strong>标签用于具有较高优先级的文本，以用于SEO用途，例如产品名称，公司名称等，而<b>简单则使其变粗。

类似地，我们使用<em>SEO优先级高<i>的文本，同时使文本简单斜体。

<strong>并且<em>是抽象的（人们说这是语义时的意思）。 <b>并且<i>是使事物“强”或“强调”的特定方式

比喻：

无论<strong>是<b>和<em>是<i>

如

“车辆”就是“吉普车”

您通常应该尽量避免<b>和<i>。引入它们是为了在创建CSS之前在HMTL早期版本中布局页面（改变其外观），例如同时删除font标签，并且主要是为了向后兼容而保留，因为某些论坛允许内联HTML，这很容易更改文本外观的方式（例如BBCode使用[i]，您可以使用<i>等等）。

自创建CSS以来，实际上不再需要在HTML中进行布局，这就是为什么首先创建CSS的原因（HTML == Structure，CSS == Layout）。这些标签将来也可能消失，span如果您需要“无意义”的字体变化，您毕竟可以使用CSS和标签使文本变为粗体/斜体。HTML 5仍然允许它们，但声明以这种方式标记文本没有任何意义。

<em>而<strong>另一方面，它仅表示“强调”或“强调”某些内容，从而使浏览器完全可以使用它进行渲染。默认情况下，大多数浏览器将em按照strong标准建议的斜体和粗体进行渲染，但是并不一定要这样做（它们可能使用不同的颜色，字体大小，字体等）。您可以使用CSS以所需的方式更改行为。您可以根据需要将其设置为em粗体strong，例如将其设置为粗体和红色。

HTML格式元素：

HTML还定义了特殊元素，用于定义具有特殊含义的文本。HTML使用<b>和<i>之类的元素来格式化输出，例如粗体或斜体文本。

HTML粗体和强格式：

HTML <b>元素定义粗体文本，没有任何额外的重要性。

<b>This text is bold</b>

HTML <strong>元素定义强文本，并增加了语义上的“强”重要性。

<strong>This text is strong</strong>

HTML斜体和强调格式：

HTML <i>元素定义斜体文本，没有任何额外的重要性。

<i>This text is italic</i>

HTML <em>元素定义了强调的文本，具有附加的语义重要性。

<em>This text is emphasized</em>

“它们具有相同的效果。但是，XHTML是一种更干净，较新的HTML版本，建议使用该<strong>标记。strong更好，因为它更易于阅读-含义更清晰。此外，它<strong>传达了含义-显示文本强烈-虽然<b>（用于粗体表示）传达了一种方法-粗体显示文本，但是对于“ strong”而言，如果您使用CSS样式表来更改使文本变得更坚固的方法，则代码仍然有意义。

<i>和<em>“ 之间的区别也是如此。

Google dixit：

http://wiki.answers.com/Q/What_is_the_difference_between_HTML_tags_b_and_strong

b或i表示您希望文本显示为粗体或斜体。strong或em表示您希望以用户理解为“重要”的方式呈现文本。默认设置是将strong呈现为粗体，将em呈现为斜体，但是其他一些文化可能会使用其他映射。

像程序中的字符串一样，b和i将被“硬编码”，而strong和em将被“本地化”。

<b>并<i>应避免使用它们，因为它们描述了文本的样式。而是使用<strong>和，<em>因为它描述了文本的语义（含义）。

与HTML中的所有内容一样，您应该考虑的不是真正的外观，而是真正的含义。当然，对您而言可能只是粗体和斜体，而对于屏幕阅读器而言则不是。

对于使用<b> 标签的文本加粗

对于使用<strong> 标签很重要的文本

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

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

仅在由于任何原因使CSS样式类不方便或无法使用时才使用它们（例如博客系统，仅允许在帖子中使用某些标签，并最终允许使用嵌入的样式）。另一个原因是支持非常老的浏览器（某些移动设备？）或原始搜索引擎（提供点<b>或<strong>标记，而不是分析CSS样式）。

如果可以定义CSS样式，请使用它们。

实际上，出于这个响应线程中提到的原因，我同时使用了<strong>和<b>。有时候，粗体显示某些文本看起来会更好，但是在语义上并不一定比句子的其余部分重要。这是我目前正在处理的页面上的示例：

“检索有关<b>长曲棍球</ b>的<strong>所有</ strong>图书。”

在那句话中，“全部”一词非常重要，而“曲棍网兜球”则不那么重要-我只是希望它是粗体的，因为它代表一个搜索词，因此我希望进行视觉上的分隔。如果您正在使用屏幕阅读器来查看页面，那么我真的认为不需要强调“长曲棍球”一词。

我会倾向于想象大多数Web开发人员都使用其中一种，但是两者都很好-正如某些人所声称的，<b>绝对不被弃用。对我来说，这只是视觉吸引力和意义之间的一条细线。

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

In the same example we can use the <strong> tag as follows ..

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

to give importance on the event date.

MDN Ref:

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>是语义的（即“应强调此文本”）。

在现代网络浏览器的背景下，很难看到差异（它们似乎都产生相同的结果，对吗？），但请考虑为视障人士使用屏幕阅读器。如果屏幕阅读器遇到<i>标记，它将不知道该怎么办。但是，如果遇到<em>标签，它就会知道应该将其中的内容强调给侦听器。在其中，您得到了实际的区别。

<em>并<strong>比<i>和消耗更多带宽<b>。

他们还需要更多的输入（如果不是自动生成的）。

它们还会使编辑器屏幕上出现更多文本。我似乎记得，程序员喜欢较小的源文件（如果相同）。（而且，让我们成为现实，它们是相同的。是的，存在“技术性” 差异（<i> 咳嗽 </ i>，咳嗽，对不起），但这首先是虚假的。”

使用上述任何一个标签，您都可以使用样式表来自定义样式，但是如果您希望它们显示的外观与默认呈现不同，可以使用它们。

尽管<strong>和<em>在语义上当然更正确，但似乎肯定有合理的理由将<b>和<i>标签用于客户编写的内容。

在此类内容中，单词或短语可能会以粗体或斜体显示，因此通常不应该由我们来分析此类粗体或斜体的语义推理。

此外，这样的内容可以指粗体和斜体词和短语，以传达特定的含义。

一个例子是英语考试题，指示学生替换粗体字。

这是定义的摘要以及建议的用法：

<b>...文本跨度关注所正在绘制功利的目的，而不输送任何额外的重要性，并没有暗示替代的语态和语气，如关键词在一个文档抽象，产品名称在评论中，可操作的话在交互式文本驱动软件或文章目录。

<strong> ...现在代表的是重要性，而不是强调。

<i>...以替代的声音或心情表达的文本范围，或以其他方式偏离正常散文，表示某种不同的文本质量，例如分类名称，技术术语，另一种语言的惯用语，思想，或西方文字中的船名。

<em> 表示重点。

（这些都是W3C来源的直接引号，并增加了我的强调。请参阅：https : //rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elements和http://www.w3.org /TR/html401/struct/text.html#h-9.2.1（原始）

<b>和<i>都与样式有关，而<em>和<strong>是语义。在HTML 4中，第一个分类为字体样式元素，第二个分类为短语元素。

正如您所指出的那样，<i>并且<em>通常被认为是相似的，因为浏览器经常以斜体显示这两者。但是根据规范，<em> 表示重点和<strong> 表示更强的重点，这很明显，但是经常会被误解。另一方面，何时使用<i>或何时使用之间的区别<b>实际上是样式问题。

<strong>并<em>在文档中添加额外的语义含义。碰巧的是，它们还为您的文本提供了大胆的斜体样式。

您当然可以使用CSS覆盖它们的样式。

<b>而<i>在另一方面只适用的字体样式，不应再使用。（因为您应该使用CSS进行格式化，并且如果文本实际上很重要，那么无论如何您都可能会将其设置为“强”或“强调”！）

希望有道理。

<b>并且<i>是明确的-它们分别指定粗体和斜体。

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