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

本篇文章主要的讲述了关于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中文网的网址是<strong>www.php.cn</strong> !<br/>

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

 

tuer.pngstrong标签的实例效果图如下:

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

现在再来看看一些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稍后一点,至今所有浏览器都支持这两者加粗功能。

原创文章,作者:admin,如若转载,请注明出处:https://www.laofox.com/web/html-tutorial/54.html

(0)
上一篇 2022年7月3日 上午10:45
下一篇 2022年6月8日 上午9:40

相关推荐

  • img usemap属性 中国地图链接

    html的img标签:定义一个图像在网页中引入。它还有个usemap属性很有意思。看看51ditu首页中有一个地图,中部有个中国地图。点击右键下载下来看下就是一个普通的图片。但点击...

    2022年7月3日
    15500
  • 入门:HTML的基本标签和属性简单介绍

    HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度...

    html 2022年7月3日
    7300
  • 网页设计之5种简单的XHTML网页表单

    网页设计之5中简单的XHTML网页表单。 技术1:标签三明治将输入框,选择框和文本框全部包含进 label 元素,并全部设置为块级元素。将单选按钮和多选框显示方式设置为 inlin...

    html 2022年7月3日
    7700
  • 设置IE8使用IE7的样式的代码

    <meta http-equiv="x-ua-compatible" content="ie=7" /> 相关推荐: html中b标签和strong标签的区别是什么?b...

    html 2022年7月4日
    11000
  • 用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

    一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何。其实360给网站开发者设计了一种选择的...

    2022年6月8日
    14000
  • Firefox下英文字母不换行的解决方案

    文本的排版依据语言的不同会有一些格式上的要求,比如简体中文中类似逗号、分号等标点符号不会出现在一行的开头,对于英文来讲就是一个完整单词不会 在两行显示,浏览器会依据类似这样的原则来...

    html 2022年7月3日
    11100
  • HTML 文本转义小窍门

    今天在CSDN看到一种HTML文本转义的小窍门,很简便。 1、用dom的功能。先作为innerTEXT传给一个dom对象,再取innerHTML属性,就可以取到转义后的文本了。 例...

    html 2022年7月3日
    11000
  • W3C教程(13):W3C WSDL 活动

    Web Services 与应用程序到应用程序的通信有关。WSDL 是一门基于 XML 的 Web Services 描述语言。 Web Services 与应用程序到应用程序的通...

    html 2022年7月3日
    7600
  • html 自定义标签使用实现方法

    xml文件中可以自由的使用自定义标签,html文件中同样可以使用自定义标签,但有几个注意事项:必需设置标签的xmlns属性。例如,可以这样声明:。 这是因为html文件有一个默认的...

    html 2022年7月3日
    9300
  • HTML CSS JS兼容树(IE,Firefox,chrome)

    WEB设计里什么是树?简单讲,点击一个链接,会展开下级目录,再点击会合上,这个就是最简单的树,如何去实现呢,也很简单,css里有一个属性display,这个可以控制内容的现实还是不...

    html 2022年7月4日
    10300

发表评论

您的电子邮箱地址不会被公开。