• 文章目录

  • html中的加粗/加重
    • strong
    • em
    • i
    • b

• html中的加粗/加重

在网页制作过程中,难免要遇到针对文本的加粗,加重等情况.
但是html中有好几个可以把文本加粗加重的标签,尤其HTML5出现后,
我们常见的加粗/加重标签有:

• strong
• em
• i
• b

strong

strong 加粗加重显示,
要比 em 更加强调一些,
比如全文要突出的关键词,
可以让用户一眼就看到的重点内容,
它更加强调的是重要突出的关键词的内容,而不仅仅是针对样式上的加粗需求.
strong 全局强调关键词

em

em 默认斜体不加粗显示,
一般着重要表示的内容,
它字体没有 strong 粗黑,
所以一般用户不会一眼注意到em 标签的内容.
em 局部强调内容

i

无强调或着重意味的斜体内容,
比如生物学名、术语、外来语（英语里常用的拉丁语短语）

b

文本加粗显示,
它往往是针对样式上加粗显示的一种需求,
把文本加粗显示,并不强调文本的内容.

这些基础标签和页面技巧，真正决定的是语义和维护成本

围绕「html 元素中的 strong em i b 有什么区别」这种前端基础问题，很多人第一反应都是“能显示就行”。但当页面需要兼顾可访问性、搜索语义、样式维护和多人协作时，标签怎么选、结构怎么写、调试顺序怎么排，都会直接影响后面的可读性和修改成本。基础主题之所以值得补全，恰恰是因为它们最容易在忙的时候被草草带过。

今天再看仍然值得记住的点

• 优先让语义表达和结构层次先成立，再去补样式或脚本层的技巧，这样页面才更耐改。
• 遇到浏览器表现不一致时，先从 DOM 结构、默认行为和工具面板证据入手，比直接猜 CSS 或脚本要稳得多。
• 基础标签一旦进入项目规范，后面能省下的是长期沟通和返工，而不只是某一页的显示问题。