在一般情况下,<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>更好。
时间: 2024-10-13 02:37:41