HTML标签b和strong的区别

最新推荐文章于 2022-03-01 17:25:16 发布
最新推荐文章于 2022-03-01 17:25:16 发布
阅读量2.7k 收藏 9
点赞数 5
分类专栏： 前端面试-HTML 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/miniBeier/article/details/120037110
版权

两者在网页中的显示效果是一样的，实际目的不同。
b标签使得文本默认显示效果为加粗效果，是样式标签
strong标签使得文本默认显示效果为加粗效果，是语义化标签，标签的意思是加强，表示该文本比较重要，提醒读者/终端注意。
也就是说：
b标签是为了加粗的显示效果而使用，strong标签是为了强调这个是重点内容而使用。
最容易理解的场景就是：盲人朋友使用屏幕阅读设备阅读网络资源时，strong标签包裹的内容会被重读，而b标签包裹的内容不会被重读

Beier_hx
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML - 你知道b与strong标签的区别吗
xingyu_qie的专栏
04-03 184
原因就在于，其实很多人在开发工作中，对HTML语义化并不是很重要，他们更习惯性的使用div进行布局，依赖CSS的样式控制能力来展开工作。网页头部不使用header标签，底部不使用footer标签，导航不使用nav标签，列表不使用ul标签，而是全部用div来布局，这样的场景是非常多的。久而久之，这两个标签用都不用，又怎么会重视二者的区别呢。搞混，甚至在工作中，很大一部人不会使用这两个标签，而是通过CSS样式去控制加粗效果。不单单是初学者，即便是有好几年工作经验的前端开发工作者，也会有一大部分人。
html中的＜b＞和＜strong＞的区别
zhang_s的博客
10-11 871
<b>标签对应bold，文本加粗，其目的仅仅是为了加粗显示文本，是一种样式／风格需求； <strong>标签意思是加强，表示该文本比较重要，提醒读者／终端注意。 总结：<b>为了加粗而加粗，<strong>为了标明重点而加粗。 ...
html中h1标签strong,b标签、Strong标签、h1标签的区别以及使用
weixin_33574009的博客
06-17 1353
strong 建议只用一次b可以用多次strong 语义上的加重b形式上的加粗1、什么是STRONG与B标签？众所周知，事务的发展只能越来越趋向于标准化，搜索引擎也必定更喜欢标准化的东西。b标签是HTML的内容，而STRONG是XHTML的内容。因此在标准化上来看，STRONG标签更胜于B标签。因此，在技术允许的情况下，网站尽量用DIV+CSS来排版，是趋势。从语义来看：《strong》是加重语气...
html b加粗与strong加粗标签区别
dibengcheng6179的博客
01-15 1282
<b> <strong> 标签在默认时表现形式是一样的，就是文字粗体显示。不免有个疑问“既生瑜何生亮”，所以很是困惑两个到底有什么区别。在网上找来几篇立意介绍如下，自己从中总结了三点。 --------以下摘自http://www.divcss5.com/html/h331.shtml---------- 1、html b与strong加粗标签区别 ...
HTML b标签和strong标签的区别
diangu2916的博客
07-05 499
盲人朋友使用阅读设备阅读网络时：<strong>会重读，<B>不会 从网站优化方面分析，最主要的区别应该是<strong> XX</strong>内的内容比起<b>XX</b>的内容应该更容易被网络蜘蛛抓取，也就是更容易使网站被用户搜索到 两者虽然在网页中显示效果一样，但实际目的不同。<b>这个标...
html中<b>标签和<Strong>标签的区别
09-29 554
关于html标签中b和strong两个的区别，我也是今早上才注意的，以前都是混着用的，早上看书的时候才注意到这两个标签的区别。 用在网页上，默认情况下它们起的均是加粗字体的作用，二者所不同的是，<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体）， 而<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气...
b标签、Strong标签、h1标签的区别以及使用
msg_java2011的专栏
05-31 6351
<br />1、什么是STRONG与B标签？<br /><br />　　众所周知，事务的发展只能越来越趋向于标准化，搜索引擎也必定更喜欢标准化的东西。b标签是HTML的内容，而STRONG是XHTML的内容。因此在标准化上来看，STRONG标签更胜于B标签。因此，在技术允许的情况下，网站尽量用DIV+CSS来排版，是趋势。<br /><br />　　从语义来看：<br /><br />　　《strong》是加重语气标签<br /><br />　　《b》是粗体标签<br /><br />　　<b>标签是一个实
今天才知道b标签和strong标签差别这么大
dong_dong222的博客
03-01 2432
b和strong都是使字体加粗。 区别一：但是strong的语义性更强烈，对于优化搜索来说更好，能让它知道你这里面的内容的语义效果，b只对视觉效果进行了强调，而语义上没有帮助。 区别二： strong是web标准中xhtml的标签，strong的意思是“强调”；b是html的，b的意思是bold（粗体）。 为了符合现在W3C的标准，推荐使用strong标签。 ...
html中的<b>和<strong>有什么区别呢？
wy818的专栏
10-19 2822
两者虽然在网页中显示效果一样，但实际目的不同。 这个标签对应 bold，即文本加粗，其目的仅仅是为了加粗显示文本，是一种样式／风格需求； 这个标签意思是加强，表示该文本比较重要，提醒读者／终端注意。为了达到这个目的，浏览器等终端将其加粗显示； 总结：为了加粗而加粗，为了标明重点而加粗。
HTML5中语义化 b 和 i 标签
11-21
b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的用 strong 和 em 标签代替。 而在新的 HTML5 工作草案 中对于 b 和 i 标签...
HTML5不支持标签和新增标签详解
01-19
1、HTML5不支持或不赞成使用的标签 ——定义只取首字母的缩写，HTML5 不支持。使用定义缩写代替，其中title ...如果是为了强调重要的文本，建议使用<strong>标签更为合适；如果只是纯粹为了加粗文本，建议使用CSS样式f
加粗b与strong的区别分析
12-13
下面北京SEO就来分析下<strong>和<b>标签的用法与区别。  比如<strong>网站优化</strong> 和<b>网站优化</b>我们看到的是一样的加粗效果。 所以说B标签与Strong标签都是视觉效果加粗。  但是B标签本身不具备HTML...
World-Of-HTML5:所有HTML标签和信息
05-09
所有HTML标签和信息。 1。<！DOCTYPE>声明 所有HTML文档都必须以<！DOCTYPE>声明开头。 该声明不是HTML标记。 它是浏览器的“信息”，说明期望的文档类型。 在HTML 5中，声明很简单： 提示： <！...
HTML标签大全
11-26
HTML标签--文档 <!DOCTYPE> 文档类型 <html>文档 文档主体 <h1> to <h6> HTML 标题 段落 换行 水平线 <!--...-->注释 --文本 <b>粗体文本 不赞成用。文本字体、尺寸和颜色 斜体文本 强调文本 大文本 <strong>...
HTML标签及ASP函数速查表
01-03
HTML文件标记 <html> <... 文字排版标记      原始文字样式   向内缩排  标题 <strong>,<b> 粗体 ,, 斜体  底线  删除线 <blink> 文字闪烁  大型字体  
HTML中文本格式化中几个标签的区分
01-07
1.b和strong 两个标签都是用来加粗文本。比如，如果使用网页阅读器阅读网页（盲人使用的），strong会重读，b不会重读。从起源上说，strong是为了在未来建设语义网而诞生的。HTML是用来显示的，不能表示语义。也就是...
b 标签和 strong 标签,i 标签和 em 标签的区别？
weixin_42856661的博客
08-14 1286
b标签是加粗，相当于bold加粗， strong 也是加粗的意思， 强调的意思。 一个是标签一个是逻辑元素。 I和em都是倾斜的意思，只是em它有强调的意思 。一个是逻辑元素 物理元素。...
strong标签与b标签的区别
weixin_30716725的博客
05-24 242
关于html标签中b和strong两个的区别。 用在网页上，默认情况下它们起的均是加粗字体的作用，二者所不同的是，<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体），而<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。 简单的说strong是w...
HTML ＜b＞加粗与＜strong＞加粗标签区别
qq_33871200的博客
07-01 625
相同点：视觉效果加粗 不同点： b标签：本身不具备HTML语义。 WEB标准提倡样式与内容分离，所以纯粹为了达到加粗而使用b标签，已经不建议这样做。 strong标签：HTML语义为强调，表示语气上的强调、加重。 ...
<b>和<strong>
最新发布
09-01
<b>和<strong>标签的区别是什么？ <strong>标签是用来加强文本的，表示该文本比较重要，提醒读者注意。为了达到这个目的，浏览器等终端会将<strong>标签内的文本加粗显示。而<b>标签则是用来给文本添加样式，包括但不限于加粗。所以<b>标签可以用于加粗文本，但在语义上没有<strong>标签那么明确。如果你想要强调文本的重要性，推荐使用<strong>标签。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [同为加粗效果，b和strong到底有什么区别？](https://blog.csdn.net/qq_41880073/article/details/114661345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [html中的<b>和<strong>有什么区别呢？](https://blog.csdn.net/wy818/article/details/49247955)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [undefined](undefined)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值