HTML标签<b>与<strong>以及<i>与<em>的区别

在一般情况下,<b>和<strong>标签的显示效果一样,<i>和<em>标签的显示效果一样。那么它们的区别在哪呢?我们应该使用哪种标签呢?

在w3school中,各标签的定义如下:

<b> 标签规定粗体文本。

<strong> 标签和 <em> 标签一样,用于强调文本,但它强调的程度更强一些。

<i> 标签显示斜体文本效果。

<em> 标签告诉浏览器把其中的文本表示为强调的内容。

w3school中有这样一段话:

注释:根据 HTML5 规范,在没有其他合适标签更合适时,才应该把 <b> 标签作为最后的选项。HTML5 规范声明:应该使用 <h1> - <h6> 来表示标题,使用 <em> 标签来表示强调的文本,应该使用 <strong> 标签来表示重要文本,应该使用 <mark> 标签来表示标注的/突出显示的文本。

从定义中可以总结出:

<b>和<i>标签属于物理标签,而<strong>和<em>属于逻辑标签。

web标准提倡样式与内容分离,而且<strong>和<em>更语义化,所以我们应该尽量使用<strong>和<em>标签。

另外对于搜索引擎来说,使用<strong>和<em>更好。

时间: 2024-10-13 02:37:41

HTML标签<b>与<strong>以及<i>与<em>的区别的相关文章

b与strong ,i与em的区别

1)b与strong的区别 b和strong标签,在网页中默认的情况下均是加粗字体的作用: b标签是一个实体标签,它所包含的字符将被设为blod粗体,是html语言中的:---视觉化 strong标签是一个逻辑标签,作用是为了加强语气而加粗字体,是xhtml中的,其强调作用,可以用css标 签控制strong强调的方式.----语义化标签 在符合w3c的标准,推荐使用strong标签---语义化 2)i与em的区别 em标签告诉浏览器把其中的文本表示为强调的内容.i标签可以用来把这些名称和其他斜

HTML标签语义化——使用b标签,还是strong标签

HTML标签语义化,相关的内容网上有很多.大家可以去学习一下,看一下你所使用的标签是否具有其真正要表达的意义,标签你用对了吗?今天要介绍的内容是使用b标签,还是strong标签,翻译自http://www.think-ink.net/html/bold.htm. There is a difference between using what are referred to as logical tags and tags that primarily affect visual layout.

h1/title,b/strong,i/em 的区别

< strong > 表示html页面上的强调(emphasized text), < em > 表示句子中的强调(即强调语义) 1.b和strong的区别 盲人朋友使用阅读设备阅读网络时:<strong>会重读,<b>不会 两者虽然在网页中显示效果一样,但实际目的不同.<b>这个标签对应 bold,即文本加粗,其目的仅仅是为了加粗显示文本,是一种样式/风格需求:<strong>这个标签意思是加强字符的语气,表示该文本比较重要,提醒读

title与h1的区别、b与strong的区别、i与em的区别?

title与h1的区别 定义: title是网站标题, h1是文章主题 作用: title概括网站信息,可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的,是显示在网页Tab栏里的: h1突出文章主题,面对用户,更突出其视觉效果,指向 页面主体信息,是显示在网页中的. b与strong的区别 定义: b(bold)是实体标签,用来给文字加粗, strong是逻辑标签,作用是加强字符语气. 区别: b标签只是加粗的样式,没有实际含义,常用来表达无强调或着重意味的粗体文字,比如文章摘要中的关

a标签的href=&quot;javascript:void(0)&quot;和href=&quot;#&quot;的区别

好文要推:a标签的href="javascript:void(0)"和href="#"的区别 张鑫旭这篇文章也挺风趣的,作为一个轻微代码洁癖的程序员,该纠结时就纠结:是习惯还是规范!?   疑问:为什么要使用href="javascript:void(0);"? a 标签要写href属性!~有了href属性,天然鼠标手型,以及可以被键盘focus以及focus时候回车模拟点击行为(支持回车点击和默认可以获取焦点). href="#&qu

a标签的href与onclick中使用js的区别 《转》

href与onclick中javascript的区别一般没用到都没注意,但出错时才有些郁闷,看文本章解释如下: 以前一直很随意,后来看.net里的linkbutton似乎是用在<a href="javascript:fun();"...>的形式,今天用这种方式就遇到一些问题,摘网友的文章和我的结论放在下面: 链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接): 假设链接中同时存在 href 与 onclick,

copy,assign,strong,retain,weak,readonly,nonatomic的区别

copy与retain:1.copy其实是建立了一个相同的对象,而retain不是:2.copy是内容拷贝,retain是指针拷贝:  3.copy是内容的拷贝 ,对于像NSString,的确是这样,但是如果copy的是一个NSArray呢?这时只是copy了指向array中相对应元素的指针.这便是所谓的"浅复制".4.copy的情况:NSString *newPt = [pt copy];此时会在堆上重新开辟一段内存存放@"abc" 比如0X1122 内容为@&q

&lt;strong&gt;加粗 and &lt;em&gt;斜体

<strong> 标签中的内容,通常是用加粗的字体(相对于斜体<em>)来显示其中的内容 源码: <body> <strong>徐志摩人物简介</strong> <p> <em>1910</em>年入杭州学堂<br/> <em>1918</em>年赴美国克拉大学学习银行学<br/> <em>1921</em>年开始创作新诗<br/&g

retain和strong、assign和weak的区别

IOS的对象都继承于NSObject, 该对象有一个方法:retainCount ,内存引用计数. 引用计数在很多技术都用到: window下的COM组件,多线程的信号量,读写锁,思想都一样. (一般情况下: 后面会讨论例外情况) alloc 对象分配后引用计数为1 retain 对象的引用计数+1 copy copy 一个对象变成新的对象(新内存地址) 引用计数为1 原来对象计数不变 release 对象引用计数-1 如果为0释放内存 autorelease 对象引用计数-1 如果为0不马上释