Kros的博客 Kros的博客
首页
  • CSS
  • 工具
  • Vue
  • js
  • Vue3
  • 算法
  • 折腾笔记
一言
  • 分类
  • 标签
  • 归档
码云

Kros

凡心所向,素履以往,生如逆旅,一苇以航
首页
  • CSS
  • 工具
  • Vue
  • js
  • Vue3
  • 算法
  • 折腾笔记
一言
  • 分类
  • 标签
  • 归档
码云
  • b、strong和em、标签的区别

kros
2024-06-09
随笔

b、strong和em、标签的区别

b、strong和em标签都表示对文本的强调,但它们在表现和实际用途有所不同

# b标签

仅对文本加粗处理,没有其它任何意义,在浏览器默认样式中表现为:

b {
  font-weight: bold;
}
1
2
3

# strong标签

样式表现为文本加粗,浏览器默认样式也同b标签。但加粗并不是该标签的主用作用,strong标签通常用于对文本内容的强调和标记一些重要的信息,同时搜索引擎也会对该标签内容进行提取。 同时针对视障人士的屏幕阅读器也会对改标签内容进行强调

strong {
  font-weight: bold;
}
1
2
3

# i标签

仅用于显示文本为斜体,没有其它任何意义,在浏览器表现为:

i {
  font-style: italic;
}
1
2
3

# em标签

样式表现为文本斜体,浏览器默认样式同i标签。但斜体也不是该标签的主要作用,em标签通常用于对文本内容的强调,与strong的强调不同它是在语气或语义有所加强,在屏幕阅读器上表现为不同的语气和语调。同时搜索引擎优化也会对该内容进行提取。

em {
  font-style: italic;
}
1
2
3
上次更新: 2025/09/05, 8:09:00
最近更新
01
Find the next perfect square
09-05
02
Regex validate PIN code
09-05
03
Find the odd int
09-05
更多文章>
Theme by Vdoing | Copyright © 2020-2025 kros king
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
icon-heart-o icon-heart icon-infinity icon-pause icon-play link next prev