<em>与<i>,<strong>与<b>有什么区别?

  有一次看到有人说面试的时候被问到了这个问题,当时我也是只知道这两对属性显示的样式是一样的,具体有什么区别我也不太清楚。

  今天我就来和大家分享一下我的学习成果,首先,大家应该知道的是,标签可以分为两类,一类是基于内容的样式,还有一种是物理样式。

  1.基于内容的样式

    所谓的基于内容的样式就是指那些不仅用于改变文本样式,还可以起强调的作用,这个强调的意思是指能够让搜索引擎更容易找到的一种强调,主要是为了强调,样式的改变只是其次,这些标签包括

<abbr>定义一个缩写,即鼠标放在缩写的文本上可以显示完整的内容
<acronym>定义首字母缩写,这个和上面的很像,但是主要用来定义首字母的的缩写
<cite>通常用来表示它所包含的文本对某个参考文献的引用,比如书籍或杂志的标题
<code>用于表示计算机源代码或其他机器可以阅读的文本内容,与<tt>的表现形式一样
<dfn>用来标记对那些特殊短语或术语的定义,尽量少用
<em>用来告诉浏览器其中的文本是强调的内容,表现形式为斜体,和标签<i>的样式相同
<strong>也是用来表示强调的内容,语气比<em>更强,表现为粗体,和<b>的表现形式相同
<kbd>定义键盘文本
<samp>用来表示一段用户应该对其没有什么解释的文本字符,这个标签很少使用
<var>用来表示变量的名称,通常与<code>和<pre>一起使用,用来表示计算机代码,表现形式也为斜体

2.物理样式

   所谓物理样式就是指只关注改变文本外观的一些标签,没有强调作用。这些标签一般都不建议使用,因为w3c的标准更趋向于将文本内容和样式分开,即提倡用html写文本内容,用css改变文本样式,这样的话物理样式都有可能被css代替,一般的物理样式包括:

<b>规定粗体文本
<i>规定斜体文本
<big>放大文本
<small>缩小文本
<strike>用来加删除线
<sub>用来加下标
<sup>用来加上标
<tt>呈现类似打字机或等宽文本的效果

知道了以上的两种样式过后,应该就可以理解<em>与<i>,<strong>与<b>之间的区别了,尽管他们在网页上的表现形式是一样的,但是<em>和<strong>增加了强调的意思,可以有利于搜索引擎的搜索,而且<strong>比<em>的强调效果更好。

  综上所述,一般在body里建议用<em>和<strong>,因为样式的改变就交给css吧。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值