粗体的玄学:谈谈 b 与 strong

栏目: JavaScript · 发布时间: 7年前

内容简介:之前遇到了在一段提示中需要加粗的问题,我们都知道,加粗有几种写法:但是,这三者到底有什么区别——在大多数场景下,我都会选择使用

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

<b>
<strong>

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

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

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

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

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

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

特别强调:

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

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

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

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

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

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

请输入: 1+1 = ?

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

人本界面

人本界面

(美)拉斯基(Jef Raskin) / 史元春 / 机械工业出版社 / 2004-1-1 / 28.0

如果我们想克服目前人机界面上的固有缺陷,就很有必要理解本书的教义;若无此愿望,读读也无妨。交互设计的许多重要方面此书并没有包括在内,因为许多文献中都已经有详尽的阐述。本书的意图是补充现有的界面设计的方法或预测未来。  本书概述了人机界面设计领域的研究成果,详细论证了界面设计思想应以认知学为基础,并考虑人类的心智特点,在指出当前界面设计中弊端的同时,提出了新产品开发的思路。本书集计算机科学、人体工程......一起来看看 《人本界面》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具