HTML标签<b>与<strong>以及<i>与<em>的区别

在一般情况下，<b>和<strong>标签的显示效果一样，<i>和<em>标签的显示效果一样。那么它们的区别在哪呢？我们应该使用哪种标签呢？

在w3school中，各标签的定义如下：

<b> 标签规定粗体文本。

<strong> 标签和 <em> 标签一样，用于强调文本，但它强调的程度更强一些。

<i> 标签显示斜体文本效果。

<em> 标签告诉浏览器把其中的文本表示为强调的内容。

w3school中有这样一段话：

注释：根据 HTML5 规范，在没有其他合适标签更合适时，才应该把 <b> 标签作为最后的选项。HTML5 规范声明：应该使用 <h1> - <h6> 来表示标题，使用 <em> 标签来表示强调的文本，应该使用 <strong> 标签来表示重要文本，应该使用 <mark> 标签来表示标注的/突出显示的文本。

从定义中可以总结出：

<b>和<i>标签属于物理标签，而<strong>和<em>属于逻辑标签。

web标准提倡样式与内容分离，而且<strong>和<em>更语义化，所以我们应该尽量使用<strong>和<em>标签。

另外对于搜索引擎来说，使用<strong>和<em>更好。