本文摘自PHP中文网,作者寻∝梦,侵删。
本篇文章主要的讲述了关于html中的b标签和strong标签的区别。并分别介绍了b标签和strong标签加粗情况的一些细节,最后还有关于html b标签和strong标签的总结,最后我们来看看关于这篇文章吧首先本篇文章给HTML中b标签和strong标签各自做个自我介绍:
HTML中的b标签:<b></b>加粗标签元素告诉浏览器把其加b标签的文本以粗体方式显示给浏览者。对于所有浏览器来说,这意味着要把这段文字加粗(粗体)样式方式呈现给大家显示
HTML中的strong标签:<strong></strong>加粗标签元素告诉浏览器把其加strong标签的文本以加粗方式显示给浏览者。对于所有浏览器来说,这意味着要把这段文字加粗呈现给大家显示。Html strong加粗标签与html b加粗标签显示效果相同,两者都将内容文本加粗方式显示呈现,两者都可以选择使用
再来一个一个的看代码实例还有效果图:
1 2 3 |
|
这个的效果如下:
1 2 3 |
|
strong标签的实例效果图如下:
看了这么多,应该还是没怎么看懂吧。
现在再来看看一些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标签的区别总结:
html b加粗与html strong加粗本质没有区别,用法语法也没有区别,建议大家不要刻意追求此问题;就按照平时习惯使用这两者加粗标签即可;html b加粗标签是比较早的html出现使用加粗功能标签,而html strong稍后一点,至今所有浏览器都支持这两者加粗功能。
以上就是这篇文章的全部内容了,有什么疑问可以在下方提问
【小编推荐】
html font标签如何设置字体大小?html font标签属性用法介绍
html中的document对象是什么?一篇文章让你了解document对象
以上就是html中b标签和strong标签的区别是什么?b和strong区别的总结的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《b》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者