登录  /  注册
html em标签的作用是什么?<em>和<i>标签的区别
寻∝梦
发布: 2018-08-20 14:15:05
原创
20927人浏览过

html em标签的作用是什么?<em></em>和<i>标签的区别是什么?本篇文章就为大家介绍html em标签的定义和作用,还有关于<em></em>和<i>标签的区别

html em标签的定义和作用:

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。

在文本中加入强调也需要有技巧。如果强调太多,有些重要的短语就会被漏掉;如果强调太少,就无法真正突出重要的部分。这与调味品一样,最好还是不要滥用强调。

尽管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话,请使用 <i> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。

除强调之外,当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候,也可以考虑使用 <em> 标签。例如,php中文网经常对重要的术语使用 <em> 标签。<em> 标签可以用来把这些名称和其他斜体字区别开来。

HTML <em> 标签实例:

<em> 标签用于标记重点强调的文本,您可以对该标签进行嵌套,每个嵌套级别表示更大程度的强调。

对文档中的文本进行格式化:

<em>强调文本</em>
登录后复制

html中的一种样式。被加了这样标签的字体会变成斜体。如下所示:

<em>你好</em>
登录后复制

显示效果如下图所示:

tuyi.png

html em标签和html i标签的区别:

就表现而言<em></em>,<i></i>表现都一样,都是表示斜体。

但是<em>标签是“含有语义”的标签,搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时,一些屏幕阅读器可能使用不同的inflection,更利于SEO。

<i>标签表示对所包含内容显示斜体文本效果。

<em>标签表示对所包含文本内容的强调。目前,浏览器采用斜体字来显示强调。将来,浏览器也可能采用其他效果来显示强调文本。如果要显示斜体文本效果,请使用<i>标签。

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

<i>标签告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示;

<em>标签中的文本表示为强调的内容,对于所有浏览器的显示效果来说,是把这段文字用斜体来显示;

当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候,也可以考虑使用 <em> 标签。

(说明:<i> 标签一定要和结束标签 </i> 结合起来使用;<em>标签也要和结束标签</em>结合使用。)

【相关推荐】

htm5新增的表单元素keygen标签的用法和属性介绍

HTML ins标签常用的用法有哪些?HTML ins常用属性的介绍

以上就是html em标签的作用是什么?<em>和<i>标签的区别的详细内容,更多请关注php中文网其它相关文章!

相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学