首页 » 编程语言 » html » 正文

html元素em标签的使用方法及作用详解

html元素<em>标签是英文单词“emphasize”的缩写,具有“强调”的意思,该标签是定义一个被强调的重要文本,有关该标签的使用方法及作用详解如下:

<em>标签的定义

<em>标签是一个短语标签,用来定义要被强调的重要文本;

<em> 和<i>标签一样,被包含在内的文本会以斜体效果显示;

但不要为了斜体效果而使用<em>标签,建议您使用CSS,这样可能会取得更丰富的效果。

浏览器支持情况

<em>标签已被所有主流浏览器支持;

<em>标签的用法

当一篇文章中,有需要引起注意,而被突出的文本,我们就可以使用<em>标签进行强调文本。

<em>欢迎光临刘代码博客</em>

以上代码在IE浏览器中显示效果如下:

2020-01-19_160611.png

除强调之外,当引入新的术语或在引用特定类型的术语或概念时,有想要突出或引起的文本,也可以考虑使用<em>标签。比如,想要突出或强调某个重要的术语时,使用<em>标签可以用来把这些名称和其他斜体字区别开来;

<em>标签的css设置

使用CSS样式可以清除掉<em>标签默认的斜体效果,演示代码如下:

<em style="font-style:normal" >欢迎光临刘代码博客</em>

除了可以清除默认斜体效果,也可以使用CSS样式设置更加丰富的效果;比如设置其他字体效果、颜色、大小等更丰富的样式效果。

<em>标签和<i>标签的区别

<i>标签定义的文本会以斜体字效果显示,但仅仅是为了达到斜体效果而使用<i>标签,是不含有其他语义;

而<em>标签定义的文本也会以斜体字效果显示,但还对该标签内包含的文本的内容有强调的作用,是含有语义化的标签;

从这两个标签的表现而言,两者在浏览器中显示的都是“斜体”效果,但< em> 标签是具有语义化的,表示有“强调”的作用。

其他短语标签

标签描述
<em>呈现为被强调的文本。
<strong>定义重要的文本。
<dfn>定义一个定义项目。
<code>定义计算机代码文本。
<samp>定义样本文本。
<kbd>定义的文本表示是从键盘上键入的。
<var>定义变量。此标签通常与 <pre> 及 <code> 标签配合使用。



欢迎您发表评论或留言