阿里面试题-关于html标签中物理标记和逻辑标记区别_html/css_WEB-ITnose
程序员文章站
2022-05-01 23:06:26
...
关于html标签中物理标记和逻辑标记区别因为两者所达到的效果一样,所以人们就没有太在意这两个到底有什么区别,那么今天我来告诉大家,是有区别的。
它们的区别就再于一个是物理标记(实体标记),一个是逻辑标记。
什么是物理标记?什么是逻辑标记?
物理元素所强调的是一种物理行为,比如说我把一段文字用b标记加粗了,我的意思是告诉浏览器应该给我加粗了显示这段文字,从单词的语义也可以分析得出,b是Bold(加粗)的简写,所以这个B标记所传达的意思只是加粗,没有任何其它的作用。
而Strong我们从字面理解就可以知道他是强调的意思,所以我们用这个标记向浏览器传达了一个强调某段文字的消息,而这个Strong就是我们所说的逻辑元素,他是强调文档逻辑的,并非是通知浏览器应该如何显示。
同样,I是Italic(斜体),而em是emphasize(强调)。
所以说:物理元素是告诉浏览器我应该以何种格式显示文字,逻辑元素告诉浏览器这些文字有怎么样的重要性。
用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是,标签是一个实体标签,它所包围的字符将被设为bold(粗体),而标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为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已经不建议这样做。
它们的区别就再于一个是物理标记(实体标记),一个是逻辑标记。
什么是物理标记?什么是逻辑标记?
物理元素所强调的是一种物理行为,比如说我把一段文字用b标记加粗了,我的意思是告诉浏览器应该给我加粗了显示这段文字,从单词的语义也可以分析得出,b是Bold(加粗)的简写,所以这个B标记所传达的意思只是加粗,没有任何其它的作用。
而Strong我们从字面理解就可以知道他是强调的意思,所以我们用这个标记向浏览器传达了一个强调某段文字的消息,而这个Strong就是我们所说的逻辑元素,他是强调文档逻辑的,并非是通知浏览器应该如何显示。
同样,I是Italic(斜体),而em是emphasize(强调)。
所以说:物理元素是告诉浏览器我应该以何种格式显示文字,逻辑元素告诉浏览器这些文字有怎么样的重要性。
用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是,标签是一个实体标签,它所包围的字符将被设为bold(粗体),而标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为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去代替物理标记。。
版权声明:本文为博主原创文章,未经博主允许不得转载。
上一篇: cakephp中扩张自定义验证规则
下一篇: MySQL全文索引应用简明教程