关于html标签中b和strong,i与em两个的区别(物理标记和逻辑标记)

àì夳堔傛蜴生んèń 2022-05-21 08:42 180阅读 0赞

什么是物理标记？什么是逻辑标记？

物理元素所强调的是一种物理行为，比如说我把一段文字用b标记加粗了，我的意思是告诉浏览器应该给我加粗了显示这段文字，从单词的语义也可以分析得出，b是Bold(加粗)的简写，所以这个b标记所传达的意思只是加粗，没有任何其它的作用。

而Strong我们从字面理解就可以知道他是强调的意思，所以我们用这个标记向浏览器传达了一个强调某段文字的消息，而这个Strong就是我们所说的逻辑元素，他是强调文档逻辑的，并非是通知浏览器应该如何显示。

同样，I是Italic(斜体)，而em是emphasize(强调)。

所以说：物理元素是告诉浏览器我应该以何种格式显示文字，逻辑元素告诉浏览器这些文字有怎么样的重要性。

用在网页上，默认情况下它们起的均是加粗字体的作用，二者所不同的是，<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体），而<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。

简单的说strong是web标准中xhtml的标签，strong的意思是“强调”；b是html的，b的意思是bold（粗体）。web标准主张xhtml不涉及具体的表现形式，“强调”可以用加粗来强调，也可以用其它方式来强调，比如下划线，比如字体加大，比如红色，等等，可以通过css来改变strong的具体表现。

并不是说有了strong，就淘汰了b，b就因为自己表示的是字体加粗，恰巧跟strong默认情况下强调的效果一致，其实这个strong完全可以定义成别的样式的强调效果。

但是为了符合现在W3C的标准，还是推荐使用strong标签。

strong标签：视觉效果加粗。HTML语义为强调，表示语气上的强调、加重。

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

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

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

从XHTML文档有意义性及用户体验角度来说，strong更有益，更被建议使用。而SEO方面，则针对优化情况而定。

结论：对于搜索引擎来说<strong>和<em>比<b>和<i>要重视的多。

原文地址：[http://www.yin.cc/blog/html\_b\_strong/][http_www.yin.cc_blog_html_b_strong]

[http_www.yin.cc_blog_html_b_strong]: http://www.yin.cc/blog/html_b_strong/

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML中与<b>,<em>与标签的区别

记录一下这些小的知识点，出处：[http://www.yin.cc/blog/html\_b\_strong/][http_www.yin.cc_blog_html_b_str

﹏ヽ暗。殇╰゛Y/ 2023年08月17日 15:54/ 0 赞/ 119 阅读

相关 img 标记不显示_HTML'img'标记和示例

img 标记不显示 <img>标记 (<img> Tag) <img> tag in HTML is used to add images to an HTML pag

朱雀/ 2023年03月05日 09:51/ 0 赞/ 215 阅读

相关标记复制法、标记清除法和标记整理法的区别

写在前面的话读者您好，本人目前同时在经营CSDN和微信公众号，希望小伙伴们能够给予支持，关注一下我的微信公众号，公众号是每天都会推送新文章，CSDN不定期发表新文章。

布满荆棘的人生/ 2022年12月27日 02:20/ 0 赞/ 155 阅读

相关 jsp脚本 html标签,JSP脚本元素和标记.doc

基于Java的Web应用开发课程讲义——第二章 JSP脚本元素和标记 PAGE PAGE 9 / NUMPAGES 9 第二章——JSP脚本元素和标记教学内容 J

迷南。/ 2022年10月09日 14:30/ 0 赞/ 190 阅读

相关 html如何标记的关键字,html中和标记

是HTML文档文件头…标记内的一个辅助性标记，往往不引起用户的注意，但是它对于网页是否能够被搜索引擎检索、提高网页在搜索列表的排序起着关键的作用，是一个非常有价值的标记。

逃离我推掉我的手/ 2022年10月06日 11:46/ 0 赞/ 216 阅读

相关 html使用的注释标记为,注释/标记HTML标记的任意部分

Tackling the problem of annotating HTML markup and storing marks in the markup itself, t

╰半橙微兮°/ 2022年08月31日 04:55/ 0 赞/ 248 阅读

相关 html标签中物理标记和逻辑标记区别

关于html标签中物理标记和逻辑标记区别因为两者所达到的效果一样，所以人们就没有太在意这两个到底有什么区别，那么今天我来告诉大家，是有区别的。它们的区别就再于一个

た入场券/ 2022年06月09日 05:59/ 0 赞/ 336 阅读

相关关于html标签中b和strong,i与em两个的区别(物理标记和逻辑标记)

什么是物理标记？什么是逻辑标记？物理元素所强调的是一种物理行为，比如说我把一段文字用b标记加粗了，我的意思是告诉浏览器应该给我加粗了显示这段文字，从单词的语义也可以

àì夳堔傛蜴生んèń/ 2022年05月21日 08:42/ 0 赞/ 181 阅读

相关关于HTML中select标记的一些知识

select标记是网页编程中比较常用的一种标记，身为表单标记的一员，它主要是通过option标记结合其他表单标记（诸如input，textarea）一起来实现

水深无声/ 2022年05月08日 09:46/ 0 赞/ 451 阅读

相关常见的HTML标记和属性

常见的 HTML 标记 HTML文件标记 <table> <thead> <tr> <th>标记</th> <th>意义</th>

喜欢ヅ旅行/ 2021年09月13日 23:16/ 0 赞/ 436 阅读