你知道<strong>和<b>;<i>和<em>的区别吗?

一:<b>

W3school定义:

      <b>标签规定粗体文本。(实现加粗显示效果)

      H5的规范声明:

1)使用<h1~6>来表示标题,

2)使用<em>来表示强调的文本,

3)使用<strong>来表示更重要的文本,

4)使用<mark>标签来表示标注的或突出显示的文本。

5)只有当 没有其他更加合适的标签的时候 ,才应该把<b>标签作为最后的选项。

二:<strong>

W3school定义:

      把文本定义为语气更强的强调的内容(区别em的把文本定义为强调的内容。

      W3school中定义strong是短语元素,标签定义的文本大多会呈现出特殊的样式同时还会具有确切的语义。同时官网定义如果只是为了达到某种视觉上的效果建议使用样式表(css)因为那样做会达到更加丰富的效果。

<b>和<strong>的区别:

      首先这两者的不同点在于前者属于物理标签(实体标签)后者属于逻辑标签;此时需要细细品味这两个标签的含义。物理标签…emmmmm…应该就是一个视觉上的显示效果吧,传达的只是让元素内的文本变成这种效果的命令,他没有什么语义上的意思。而逻辑标签….相信肯定在逻辑上,语义上就会具有一些意义。他强调的是这个标签在文档中的文档逻辑,并非是通过一个命令来告诉浏览器该如何显示这个文本。

Strong和b在显示的视觉效果上是一样的,但是b就是个bold的意思这个标签的显示样式就是加粗显示,但是strong的显示样式是可以改变的,他只是通过指定加粗样式来将达到一个视觉上的强调。他还可以通过别的方式来进行强调显示(加粗只是strong的默认样式),比如加个下划线,变个颜色,加个斜体啥的。等哪天strong一不高兴了就不带b玩了,变成别的显示样式了,那就不存在区分上的误区了。但是为了符合现在的标准,还是推荐使用strong标签。

三:<i>

      官方定义:<i>标签用于显示斜体的文本效果(i和基于内容的样式标签em类似,他告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示,如果这种斜体字对该浏览器不可用的话,可以使用高亮,反白或者加下划线等样式)。

四:<em>

      定义:em是用于把文本定义为强调的内容。(区分strong)

W3school中定义em是短语元素,标签定义的文本大多会呈现出特殊的样式同时还会具有确切的语义。同时官网定义如果只是为了达到某种视觉上的效果建议使用样式表(css)因为那样做会达到更加丰富的效果。

<i><em>的区别:

      类似于b和strong,i是物理元素,em是逻辑元素,i是斜体(italic)em是强调(emphasize)。物理元素说白了就是告诉浏览器我应该如何显示以什么样的格式显示文字,而这些逻辑元素要告诉浏览器这些文本有着什么样的重要性。<b>和<i>在现在的体系中是不提倡被使用的,因为他们只是表现加粗和斜体而不具有任何的语义上的意义。而且对于搜索引擎来说<strong>和<em>比<b><i>重要,所以这两者通常都被<strong><em>所代替了。

 

<em>和<strong>的区别:

      在定义中<em>表示对文本进行强调-----即把文本定义为强调的内容。<strong>表示表示更为重要的强调,他在语气上表示为更强烈的语气。这两者都是用于强调内容,但是<strong>的语气上更加的强烈,程度上也更加深刻。

W3school中对于<em>,<strong>等类似元素的定义。

http://www.w3school.com.cn/tags/tag_phrase_elements.asp

猜你喜欢

转载自blog.csdn.net/sun_dongliang/article/details/80043505