粗体的玄学:谈谈 b 与 strong

之前遇到了在一段提示中需要加粗的问题,我们都知道,加粗有几种写法:

  • font-weight
  • <b>
  • <strong>

但是,这三者到底有什么区别——

在大多数场景下,我都会选择使用 font-weight,众所周知的是,HTML 应该与语义结合,如果是一般的加粗,那么使用 font-weight 刚刚好。

那么 <b><strong> 的区别呢?

在过去 <b> 不包含语义,只代表加粗,等于 font-weight,因此刚开始,我以为这应该是一个被废弃的标签,但是看了一下 MDN,发现并没有被废弃,但是 <b> 的含义已经变化了,它表示:吸引读者的注意到该元素的内容上(如果没有另加特别强调)。

也就是说 <strong><b> 的区别主要在于:是否强调上。

说到了这里,可能要一脸绝望了,语文不好的人根本搞不清楚什么叫吸引注意力,什么叫特别强调——作为语文好的人(喂),给大家举个例子:

特别强调:

不管你怎么看,JavaScript 也好,Golang 也好,我都觉得:PHP 是世界上最好的语言

这里我并不是希望大家特别把目光聚集到到这句话的后半段,实际上,我只是想要强调一下世界上最好的语言(为此我还额外用了感叹号)。

那么如果是吸引别人的注意力呢:

请在下方输入富强民主文明和谐

在这一段中,富强民主文明和谐本身并没有什么重要性,只是为了方便引起大家关注而使用了粗体。

同样的我们可以经常在论坛注册的回答型问题中应用:

请输入:1+1 = ?

当然,并不仅仅限于加粗,斜体也一样,具体用什么,就需要大家仔细斟酌了。

如果您觉得文章不错,可以通过赞助支持我

标签: 知识

添加新评论