HTML - 你知道b与strong标签的区别吗

经海路大白狗2024-04-06 1:10

难度级别：初级及以上提问概率：50%

不单单是初学者，即便是有好几年工作经验的前端开发工作者，也会有一大部分人把这两个标签搞混，甚至在工作中，很大一部人不会使用这两个标签，而是通过CSS样式去控制加粗效果。

首先二者在本质含义上侧重不同，b标签只是单纯的加粗效果，就像使用了CSS的font-family属性一样；而strong标签表示强调，例如网页中的一些关键字、小标题或是一些强调读音，都可以使用strong来加强语义，同时搜索引擎也更倾向于抓取strong标签。

例如

strong标签的使用场景，强调读音

html 复制代码

<html>
    <head>
        <title>最新前端面试题</title>
    </head>
    <body>
        在很多时候，我们有不认识的字，例如张三睒（<strong>shǎn</strong>）
    </body>
</html>

效果如图：

这本是HTML中的基础知识，为什么还会做为一个高频面试题呢。原因就在于，其实很多人在开发工作中，对HTML语义化并不是很重要，他们更习惯性的使用div进行布局，依赖CSS的样式控制能力来展开工作。网页头部不使用header标签，底部不使用footer标签，导航不使用nav标签，列表不使用ul标签，而是全部用div来布局，这样的场景是非常多的。久而久之，这两个标签用都不用，又怎么会重视二者的区别呢。

类似考点

看完这道题后，需要举一反三的掌握相关知识点，例如title标签和h1标签的区别；例如i标签和em标签的区别；例如标签属性中，title属性和alt 属性的区别等。