欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

b标签、Strong标签、h1标签的区别以及使用

程序员文章站 2022-03-20 19:49:33
...
strong 建议只用一次b可以用多次strong 语义上的加重b形式上的加粗

1、什么是STRONG与B标签?

  众所周知,事务的发展只能越来越趋向于标准化,搜索引擎也必定更喜欢标准化的东西。b标签是HTML的内容,而STRONG是XHTML的内容。因此在标准化上来看,STRONG标签更胜于B标签。因此,在技术允许的情况下,网站尽量用DIV+CSS来排版,是趋势。

  从语义来看:

  《strong》是加重语气标签

  《b》是粗体标签

  <b>标签是一个实体标签,它所包围的字符将被设为bold(粗体),而<strong>标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为bold(粗体)来实现的。可以看出,B标签仅仅只是功能性的加粗,而STRONG有更深的含义,强调。搜索引擎的人性化更侧重STRONG标签。

  2、如何使用STRONG标签?

  H1等标签主要是在标题上的使用,而STRONG更注重于内容上的应用,比如关键词的标明等,有些网站在小标题上也用STRONG标签来强调。但应该注意的是:过度使用STRONG标签也同样有搜索引擎处罚的可能。

  提醒:STRONG标签一定要写在页面上,通过CSS定义的STRONG,对收录,排名是没用的,虽然机器人可以爬行CSS文件,但是估计搜索引擎只是爬取了内容。

  当然,并不是说有了strong,就淘汰了b,只是这个b是字体加粗,恰巧跟strong默认情况下强调的效果一致,其实这个strong完全可以定义成别的样式的强调效果,但是为了符合现在W3C的标准,还是推荐使用strong标签。

--------------------------------------------------------------------

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

  WEB标准提倡样式与内容分离,所以纯粹为了达到加粗而使用B已经不建议这样做。

  Strong标签:视觉效果加粗。HTML语义为强调,表示语气上的强调、加重。

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

  SEO角度看B与Strong。其实就是搜索引擎看待B与Strong的问题。搜索引擎毕竟是机器,我们面向的毕竟是用户。所以,在我看来没有必要去较真谁起到优化作用更大。我也曾在看SEO的文档中提到加粗标签时对两个标签产生了疑惑。有特地去重翻了《XHTML权威指南》,然后再实践中慢慢有点体会,真没必要去较真。如果只是为了知道谁作用更大,那干脆使用H不是更好?但所有优化手法都用上了排名能上吗?那还能叫优化吗?

  所以,从XHTML文档有意义性及用户体验角度来说,Strong更有益,更被建议使用。而SEO方面,则针对优化情况而定。有些东西我们可能会疑惑无法一时区分。这个时候坚持,用户体验才是第一。

以上就是 b标签、Strong标签、h1标签的区别以及使用的详细内容,更多请关注其它相关文章!