一:<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

你知道strong和b;i和em的区别吗?相关推荐

  1. html em加粗,HTML5 :b/strong加粗,i/em倾斜区别

    解释1 i倾斜,h4:无意义的斜体,不推荐,h5:分类名称,技术术语,外语中的谚语,想法,无意义的排版 B和strong以及i和em的区别 (2013-12-31 13:58:35) 标签: b st ...

  2. [html] title与h1、b与strong、i与em的区别分别是什么?

    [html] title与h1.b与strong.i与em的区别分别是什么? title标签写在body里面不会被渲染,只能写在head里面,对网站SEO比较重要h1标签写在body里面,但是写在he ...

  3. [html] title与h1的区别、b与strong的区别、i与em的区别?

    [html] title与h1的区别.b与strong的区别.i与em的区别? title 是 网页标题标签 h1 是文本标签 默认与word的h1相似为最大的标题显示 b 为文本加粗标签 与word ...

  4. title和h1的区别 +b和strong的区别+i和em的区别

    1.title和h1的区别 定义: title:概况了网站信息,可以告诉搜索引擎或者用户关于这个网站的内容主题是什么 h1:文章主题内容,告诉蜘蛛(爬虫)我们的网站内容最主要是什么 区别: title ...

  5. pt,px,rem和em之间区别总结

    pt与px 在html设计字体的css样式中,有些字体设置成14pt,而不是14px,那pt是什么,和px又有什么关系呢? pt(point)是印刷行业常用的单位,等于1/72英寸,表示绝对长度.px ...

  6. px/em/pt区别和转换

    老是被人问到px.pt和em的区别,自己有时候也会纠结到底该用什么单位,今天特意查了一些文章,下面这篇虽然很久远了,但解释的比较全面,转载收藏之.点击查看原文 这里引用的是Jorux的"95 ...

  7. px、pt和em的区别

    老是被人问到px.pt和em的区别,自己有时候也会纠结到底该用什么单位,今天特意查了一些文章,下面这篇虽然很久远了,但解释的比较全面,转载收藏之.点击查看原文 这里引用的是Jorux的"95 ...

  8. b 标签和 strong 标签,i 标签和 em 标签的区别?

    b标签是加粗,相当于bold加粗, strong 也是加粗的意思, 强调的意思. 一个是标签一个是逻辑元素. I和em都是倾斜的意思,只是em它有强调的意思 .一个是逻辑元素 物理元素.

  9. iOS 中strong,weak,copy,assign区别

    1:ARC环境下,strong代替retain.weak代替assign 2:weak的作用:在ARC环境下,,所有指向这个对象的weak指针都将被置为nil.这个T特性很有用,相信很多开发者都被指针 ...

  10. CSS之REM和EM的区别

    事实证明.rem 和 em 均有各自的优缺点.应给根据实际情况来判断其使用方式 1.如果这个属性是根据它的font-size进行测量,则该属性最好使用em 2.其他的一切事物均使用rem #

最新文章

  1. android 弹出一个在桌面上出现的window
  2. javaweb学习总结(三十三)——使用JDBC对数据库进行CRUD
  3. mybatis-plus设置查询返回的类型是map
  4. 看YYModel源码的一些收获
  5. 简单的二叉树创建与遍历
  6. Spring Aop——给Advice传递参数
  7. 时序数据库技术体系 – InfluxDB 多维查询之倒排索引
  8. C语言实现控制台窗口隐藏
  9. C++的引用一,求二次方根
  10. MySQL和Navicat怎么连接
  11. read和write阻塞和非阻塞方面的理解
  12. 手工转换中缀式与前、后缀式(转)
  13. 中国一票否决Arm被购案的六个理由
  14. html选择按键点击后锁死输入框_js Dom为页面中的元素绑定键盘或鼠标事件
  15. Android 触摸事件机制(三) View中触摸事件详解
  16. 计算机考研复试——离散数学知识点
  17. NI myrio+labview+红外传感器小车避障巡线控制
  18. STM32之DP83848
  19. 我国电子计算机诞生于,我国第一台电子计算机诞生于哪一年.doc
  20. UG模具设计主要学习哪些内容?

热门文章

  1. php dingo和jwt,DingoApi 中使用 JWT
  2. 神经网络的权重初始化,神经网络的权值和阈值
  3. 寻找四叶草HTML5小游戏,寻找四叶草作文(8篇)
  4. 数据分析工程师_第02讲Pandas教程(上篇)
  5. Python for Data Analysis v2 | Notes_ Chapter_5 pandas 入门
  6. 通过Python爬虫技术获取小说信息
  7. 数仓知识06:什么是元数据?
  8. 傻妞旧版合集新版订阅
  9. 安庆集团-冲刺日志(第八天)
  10. 教你5分钟制作出一个Unity图像追踪的AR Demo(使用EasyAR插件4.1版本,个人版,免费)