em 是 Emphasis(强调)的缩写。包含在 里的文字会被强调显示。Internet Explorer 等浏览器会用斜体字显示,有些浏览器会用改变文字的颜色等其他方法来实现强调的效果。

em>标签(html em强调标签)告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体方式呈现给大家显示,这个与html I斜体标签相同效果。

1)、 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,如果你只想使用斜体字来显示文本的话,请使用 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。

2)、em定义内容强调作用

3)、EM标签默认斜体特殊样式可以使用CSS样式来初始化,我们将在后面文章中介绍如何确定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处理汉字时,对于浮点的取值精确度有限

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作为单位就行了。

问几个问题:

1.什么是标签?

2.标签和标签的区别是什么?

第一个问题最变态:

最诚实的回答:不知道,根本就没见!

最混淆的回答:大哥em是长度单位,是css的,不是html标签,和px(像素)一样,是单位。

最牛X的回答:em?就是强调啊,斜体,不过不推荐使用,你看看大的网站基本都不用这个标签的。

第二个问题主要是想引入html语义,虽然两者在浏览器中都显示为斜体,但是是语义性标签,就是说他不光光是斜体,更重要的是有具体含义的,是表现性标签,仅仅就是表现斜体;

以上就是html 标签的作用的详细内容,更多请关注php中文网其它相关文章!

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

PHP中的e标签和em标签一样吧,html em标签的作用相关推荐

  1. HTML5中常见的列表标签包括,介绍几个常用的HTML5标签

    一.Html的基本结构: 网页的文本.图片等信息: 二.Head部分:用于表示网页的元数据即描述网页的基本信息 其常用标签及属性有: 1.title标签:浏览器标签页显示的标题 2.meta标签:其常 ...

  2. 前端开发 html第二课 自结束标签 注释 标签中的属性 文档声明 进制 字符编码 文档使用 VScode 实体 meta标签 语义化标签 块元素和行内元素 布局标签

    1 自结束标签 标签一般成对出现,但是也存在一些自结束标签 如: 多"/"和没有"/"区别不大 2 注释 注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...

  3. html5哪个标签首字母大写,HTML5中标签和常用规则有哪些?html5标签以及规则的介绍...

    这篇文章给大家介绍的内容是关于HTML5中标签和常用规则有哪些?html5标签以及规则的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1. 命名规则 [强制]class:必须单 ...

  4. R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解、使用gtExtras包添加一个图,显示表中某一列中的数字、并为类型数据添加图像符号标签

    R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解.使用gtExtras包添加一个图,显示表中某一列中的数字.并为类型数据添加图像符号标签 目 ...

  5. 超链接a标签的伪类选择器问题,Link标签与visited标签的失效问题(问题介绍与解决方法)。以下全部内容跟可通过鼠标左键选取后,复制到编辑器中直接运行。

    超链接a标签的伪类选择器问题,Link标签与visited标签的失效问题(问题介绍与解决方法).以下全部内容跟可通过鼠标左键选取后,复制到编辑器中直接运行. 参考文章: (1)超链接a标签的伪类选择器 ...

  6. html中tr中加判断换行符,深入解析HTML的table表格标签与相关的换行问题

    何为table:table者Html表格也,数据之载体. 下面是一个比较标准的table代码写法: XML/HTML Code复制内容到剪贴板 MonthDateAUG18 简单的HTML表格由tab ...

  7. 让你认清楚JSP中的所有东西(java/JSP/EL/OGNL/JSTL/c标签/s标签/HTML/javascript/CSS)

    先来解释名词: java:jsp的基础,服务器端语言. javascript:运行在浏览器里的客户端脚本语言,目的是让网页更加生动活泼功能强大. HTML(Hypertext Markup Langu ...

  8. html中css的逗号用法,css样式多个类、标签用【逗号 空格 冒号 点】分开的解析...

    ReactNative学习之css样式使用 前言: 前面学习了html,今天学习一下css的基本使用,看下html与css之间是如何结合来编写前端网页的. CSS 是什么? CSS 是 Cascadi ...

  9. php中li标签,HTML li标签是干嘛的?HTML li标签用法和属性的介绍

    HTML li标签是干嘛的?HTML li标签用法和属性的介绍都在这里,这篇文章给大家讲述的是HTML li标签的定义及属性介绍,还有html li标签如何去掉无序列表中的默认小点样式. HTML l ...

  10. HTML标记中存在h1到h7吗,利于SEO优化的H1标签使用规范

    原标题:利于SEO优化的H1标签使用规范 H1标签是通过网站Html代码内容优化提示,来引起搜索引擎的注意,有着一定的使用意义和注意事项,那么如何操作才能利于SEO优化呢? 一.H标签 定义: 网上的 ...

最新文章

  1. 吸水间最低动水位标高_水库水位库容监测系统方案
  2. 冬奥闭幕式黑科技再次引爆全网,AR中国结、折柳寄情……还有212项科技藏在冬奥里...
  3. 构建针对 iOS 和 Android 的原生扩展
  4. 富文本HTML编辑器UEditor
  5. TensorFlow官方入门实操课程-一个神经元的网络(线性曲线预测)
  6. JS判断是移动端还是电脑端访问该网站
  7. vSphere 计算vMotion的迁移原理
  8. OD的 CC断点,内存访问断点,硬件断点 解析
  9. Python 可变数据类型和不可变数据类型 - Python零基础入门教程
  10. Stream从Python切换到Go的原因
  11. KubeSphere配置集(ConfigMap)的使用
  12. 数字电路基础(三)编码器和译码器
  13. DASCTFNepCTF 部分writeup
  14. adb 指令集说明详解[非常详细]
  15. 如何打造一支优秀的技术团队?
  16. htc android sd卡,【HTC T328W】Android系统中SD卡各文件夹功能详解
  17. 【管理篇 / 登录】❀ 03. USB线连接登录 ❀ FortiGate 防火墙
  18. 我的世界java版怎么找史莱姆区块_我的世界史莱姆在哪里
  19. suma++[代碼分析一]: 主入口visualizer.cpp
  20. 决定转学运维了,JAVA学不下去了

热门文章

  1. 浅谈数据结构-二叉树
  2. bootstrap中的动态加载出来的图片轮播中的li标签中的class=active的动态添加移除...
  3. 关于大型网站技术演进的思考(十)--网站静态化处理—动静整合方案(2)
  4. jQuery事件学习
  5. NP问题验证机的理解
  6. python使用协程_Python使用协程进行爬虫
  7. 拓端tecdat|R语言实现LASSO回归——自己编写LASSO回归算法
  8. 拓端tecdat|Python Monte Carlo K-Means聚类实战研究
  9. 拓端tecdat|R语言高维数据的主成分pca、 t-SNE算法降维与可视化分析案例报告
  10. 高数基础 第七章 无穷级数