• 技术文章 >web前端 >html教程

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

    寻∝梦寻∝梦2018-09-01 14:47:02原创5572
    本篇文章主要的讲述了关于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加粗标签显示效果相同,两者都将内容文本加粗方式显示呈现,两者都可以选择使用

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

    PHP中文网!<br/>
    PHP中文网的网址是<b>m.sbmmt.com</b> !<br/>
    我被HTML b标签<b>加粗的</b>。

    这个的效果如下:

    tuyi.png

    PHP中文网!<br/>
    PHP中文网的网址是<strong>m.sbmmt.com</strong> !<br/>
    我被HTML strong标签<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标签的区别总结:

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

    以上就是这篇文章的全部内容了,有什么疑问可以在下方提问

    【小编推荐】

    html font标签如何设置字体大小?html font标签属性用法介绍

    html中的document对象是什么?一篇文章让你了解document对象

    以上就是html中b标签和strong标签的区别是什么?b和strong区别的总结的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:b strong html
    上一篇:HTML <a> download属性使用方法详解 下一篇:html下拉菜单怎么做?html下拉菜单的代码实例介绍
    千万级数据并发解决方案

    相关文章推荐

    • html设置加粗、倾斜、下划线、删除线等字体效果_HTML/Xhtml_网页制作• 加粗<b>与<strong>的区别分析_HTML/Xhtml_网页制作• HTML对字体加粗方法的总结• html中<b>加粗标签的详细介绍• 认识HTML <strong>加粗粗体标签
    1/1

    PHP中文网