<b>和<i>应该避免使用，因为它们描述了文本的风格。相反，使用<strong>和<em>，因为它们描述了文本的语义(含义)。

与HTML中的所有内容一样，您不应该考虑您希望它看起来如何，而是应该考虑您的实际含义。当然，对你来说可能只是粗体和斜体，但对屏幕阅读器来说不是。

我同时使用<strong>和<b>，实际上，正是因为这个回复线程中提到的原因。有些时候，某些文本加粗看起来更好，但在语义上并不一定比句子的其他部分更重要。下面是我现在正在做的一个例子:

"检索<strong>所有</strong>书籍关于<b>长曲棍球</b>。"

在这句话中，单词“all”非常重要，而“lacrosse”就不那么重要了——我只是想把它加粗，因为它代表一个搜索词，所以我想在视觉上进行一些分离。如果你正在用屏幕阅读器浏览页面，我真的不认为它需要特意强调“长曲棍球”这个词。

我倾向于想象大多数web开发人员使用其中的一种，但两者都很好-<b>绝对不会被弃用，就像一些人声称的那样。对我来说，这只是视觉吸引力和意义之间的细微差别。

只有在使用CSS样式类不方便或不可能的情况下才使用它们(比如博客系统，只允许在帖子中使用一些标签，最终嵌入样式)。另一个原因是支持非常老的浏览器(一些移动设备?)或原始的搜索引擎(给<b>或<strong>标签加分，而不是分析CSS样式)。

如果你可以定义CSS样式，那就使用它们。

问:strong, b, bold, em, i的区别?

答:这些是内联属性。

Strong:用于在语义上加粗显示文本或突出显示文本。

粗体或b:这个粗体标记只是常规粗体样式的偏移文本。

Em: < Em >标记在语义上强调重要的单词。

I: < I >标签只是斜体样式的偏移文本。

注意:您应该使用<strong></strong>和<em></em>标签，它们的有意义的名称告诉内容的类型。语义标签对SEO也有帮助。

虽然<strong>和<em>在语义上当然更正确，但对于客户编写的内容，似乎有明确的合法理由使用<b>和<i>标记。

在这些内容中，单词或短语可能会加粗或斜体，我们通常不需要分析这种加粗或斜体的语义推理。

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

例如，英语考试题目要求学生替换黑体字。

<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