首页 > 文章 > web前端 > html中b标签和strong标签的区别是什么？b和strong区别的总结

html中b标签和strong标签的区别是什么？b和strong区别的总结

寻∝梦原创: 2018-09-01 14:47:0217284浏览

本篇文章主要的讲述了关于html中的b标签和strong标签的区别。并分别介绍了b标签和strong标签加粗情况的一些细节，最后还有关于html b标签和strong标签的总结，最后我们来看看关于这篇文章吧

首先本篇文章给HTML中b标签和strong标签各自做个自我介绍：

HTML中的b标签：a4b561c25d9afb9ac8dc4d70affff4190d36329ec37a2cc24d42c7229b69747a加粗标签元素告诉浏览器把其加b标签的文本以粗体方式显示给浏览者。对于所有浏览器来说，这意味着要把这段文字加粗（粗体）样式方式呈现给大家显示

HTML中的strong标签：8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0加粗标签元素告诉浏览器把其加strong标签的文本以加粗方式显示给浏览者。对于所有浏览器来说，这意味着要把这段文字加粗呈现给大家显示。Html strong加粗标签与html b加粗标签显示效果相同，两者都将内容文本加粗方式显示呈现，两者都可以选择使用

再来一个一个的看代码实例还有效果图：

PHP中文网!<br/>
PHP中文网的网址是<b>www.php.cn</b> !<br/>
我被HTML b标签<b>加粗的</b>。

这个的效果如下：

PHP中文网!<br/>
PHP中文网的网址是<strong>www.php.cn</strong> !<br/>
我被HTML strong标签<strong>加粗的</strong>。

strong标签的实例效果图如下：

看了这么多，应该还是没怎么看懂吧。

现在再来看看一些b标签和strong标签的细节说明：

strong代表其中内容文字的意义。b代表其中文字的样式是粗体。在html规范中二者的区别基本上看不出来。在xhtml中由于强调“样式与内容的分离”所以代表样式的b被掏汰了。取而代之的是其它标签。注意，不是strong代替了b。strong代表强调，你可以自定义任何样式来代表强调。只是strong的默认样式与b相同而已。

8e99a69fbe029cd4e2b854e244eab143是加重语气标签;a4b561c25d9afb9ac8dc4d70affff419是粗体标签

它们起的均是加粗字体的作用。在大多数情况下，它们表现出来的效果也大致相同，所不同的是，a4b561c25d9afb9ac8dc4d70affff419标签是一个实体标签，它所包围的字符将被设为bold（粗体），而8e99a69fbe029cd4e2b854e244eab143标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。但是在不同的HTML解释器下，情况也可能有所不同。

在实际网页设计中有两种情况

1.从客户端考虑

为使页面效果受客户端因素影响变为最小，应该尽量使用实体标签b

经常我们如果在某一篇文章中。需要加粗的关键词用strong，而需要加粗的某句话来引起用户注意的话。还是需要用B的。而只有在某些地方感觉粗体更美观些的时候才会用到CSS的font-weight:bold属性。但从SEO方面考滤的话，b和CSS的Font-weight:bold基本上没什么区别了。

并不是说有了strong，就淘汰了b，b就因为自己表示的是字体加粗，恰巧跟strong默认情况下强调的效果一致，其实这个strong完全可以定义成别的样式的强调效果。

2.从w3c标准考虑

为了符合现在W3C的标准，还是推荐使用strong标签

strong标签：视觉效果加粗。HTML语义为强调，表示语气上的强调、加重。

当盲人使用屏幕阅读器上时能够明显能体现出B与Strong的不同。遇到B时与处理一般词语一样进行阅读，遇到Strong时回加重与停顿.

b标签：视觉效果加粗。本身不具备HTML语义。

html中b标签和strong标签的区别总结：

html b加粗与html strong加粗本质没有区别，用法语法也没有区别，建议大家不要刻意追求此问题；就按照平时习惯使用这两者加粗标签即可；html b加粗标签是比较早的html出现使用加粗功能标签，而html strong稍后一点，至今所有浏览器都支持这两者加粗功能。