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

 

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

 

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

 

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

 

　　PHP中文网!<br/>

 

　　PHP中文网的网址是<b>www.php.cn</b>!<br/>

 

　　我被HTMLb标签<b>加粗的</b>。

 

　　这个的效果如下：

 

　　tuyi.png

 

　　PHP中文网!<br/>

 

　　PHP中文网的网址是<strong>www.php.cn</strong>!<br/>

 

　　我被HTMLstrong标签<strong>加粗的</strong>。

 

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

 

　　tuer.png

 

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

 

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

 

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

 

　　<strong>是加重语气标签;<b>是粗体标签

 

　　它们起的均是加粗字体的作用。在大多数情况下，它们表现出来的效果也大致相同，所不同的是，<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体），而<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为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标签的区别总结：

 

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



本文转载自中文网