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>更好。

原文地址:https://www.cnblogs.com/bossliu/p/5023831.html