html的em标签引发的一系列思考

在新的 HTML5 工作草案中：

和 仍旧是表达要素(phrase elements)。但这时的 表示html页面上的强调（emphasized text）， 表示句子中的强调（即强调语义）
对于 b 和 i 标签是这样定义的：
b 元素现在描述为在普通文章中仅从文体上突出的不包含任何额外的重要性的一段文本。例如：文档概要中的关键字，评论中的产品名。或者代表强调的排版方式。

i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本，例如：一个分类名称，一个技术术语，一个外语中的谚语，一个想法等。或者代表斜体的排版方式。

从规范中可以注意到：b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用。

所有短语标签：

标签	描述
<em>	呈现为被强调的文本。
<strong>	定义重要的文本。
<dfn>	定义一个定义项目。
<code>	定义计算机代码文本。
<samp>	定义样本文本。
<kbd>	定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<var>	定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。

在这里，有时候自己也会犯浑，把em脑抽看成相对长度单位，特此

　　px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

　　em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

　　任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明 Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。

　　em有如下特点：

　　1. em的值并不是固定的;
　　2. em会继承父级元素的字体大小。

　　所以我们在写CSS的时候，需要注意两点：

　　1. body选择器中声明Font-size=62.5%;
　　2. 将你的原来的px数值除以10，然后换上em作为单位;
　　3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。

　　也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继承#content的字体高而变为了1em=12px。

　　但是12px汉字例外，就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小，而是稍大一点。这个问题 Jorux已经解决，只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时，对于浮点的取值精确度有限

html的em标签引发的一系列思考相关推荐

beeline执行sql语句_由“Beeline连接HiveServer2后如何使用指定的队列（Yarn）运行Hive SQL语句”引发的一系列思考...
背景我们使用的HiveServer2的版本为0.13.1-cdh5.3.2,目前的任务使用Hive SQL构建,分为两种类型:手动任务(临时分析需求).调度任务(常规分析需求),两者均通过我们的We ...
由HTTPS抓包引发的一系列思考（HTTPS解密）
前言在渗透测试过程中,必不可少的操作就是使用BurpSuite.Fildder等抓包工具对应用程序的数据包进行拦截.观察和篡改.那么问题来了--对于使用HTTPS协议的站点,在BurpSuite中拦 ...
iOS回顾笔记（ 02 ） -- 由九宫格布局引发的一系列“惨案”
iOS回顾笔记( 02 ) -- 由九宫格布局引发的一系列"惨案" 前言(扯几句淡先) 回顾到学习UI过程中的九宫格布局时,发现当时学的东西真是不少. 这个阶段最大的特点就是:知识 ...
Centos 6或7系统从Kernel panic – not syncing: Attempted to kill init 故障引发的一系列操作
Centos 6或7系统从Kernel panic – not syncing: Attempted to kill init 故障引发的一系列操作 Step1 问题描述 Step2 故障处理 St ...
druid抛出的异常------javax.management.InstanceAlreadyExistsException引发的一系列探索
druid抛出的异常------javax.management.InstanceAlreadyExistsException引发的一系列探索参考文章: (1)druid抛出的异常------jav ...
em标签和strong标签的区别
今天模拟面试,第一个问题就是这个,然后我回答说就是表示强调,然后老师说还有吗,我说不知道了,然后,就没有然后了... 第一个层次的区别: 标签是告诉浏览器把其中的文本表示为强调的内 ...
em算法示例_带有示例HTML'em'标签
em算法示例 标签 ( Tag) tag in HTML is used to display the text in emphasize ...
python中global的使用_PYTHON中使用GLOBAL引发的一系列问题
In [96]: def x(): b = 12 def y(): global a,b a = 1 b = 2 y() print "b =",b ....: In [97]: ...
HTML中em标签的用法
html中 标签告诉浏览器把其中的文本表示为强调的内容.对于所有浏览器来说,这意味着要把这段文字用斜体来显示. 在文本中加入强调也需要有技巧.如果强调太多,有些重要的短语就会被漏掉 ...

html的em标签引发的一系列思考

html的em标签引发的一系列思考相关推荐

最新文章

热门文章