HTML - em 标签_HTML 菜鸟教程

HTML  标签代表“强调元素”。它为其中包含的文本赋予语义含义，并在浏览器上以斜体呈现。 标签表示其内容，类似于 标签;这两个标记之间的区别在于， 元素在语义上强调重要单词，而 元素只是以斜体格式设置的偏移文本。

语法


<em> .... </em>

属性

标签支持 HTML 的全局属性和事件属性。

标签的示例

在下面的示例中，我们将看到 标签的不同示例。每个示例都将说明 标签的用例。

强调重要文本示例

在下面的示例中，我们将创建一个 HTML 文档，并使用 标签来表示重要文本。


<!DOCTYPE html>
<html>
<body>
	 <h2>Example of em tag</h2>
	 <p>
			This is <em>HTML em</em> tag, which 
			specifies the important text from a paragraph 
	 </p>
</body>
</html>

标签使用css样式强调重要文本

考虑以下示例，我们创建一个 HTML 文档，并使用带有 CSS 属性的 标签来设置 标签的内容样式。


<!DOCTYPE html>
<html>
<head>
	 <style>
			em {
				 color: green;
				 background-color: #fbb;
			}
	 </style>
</head>
<body>
	 <h2>Example of em tag</h2>
	 <p>
			This is <em>HTML em</em> tag, which 
			specifies the important text from a paragraph 
	 </p>
</body>
</html>

比较 和 标签

让我们看一下下面的例子，我们正在创建一个 HTML 文档，该文档基于 和 标签之间的差异。


<!DOCTYPE html>
<html lang="en">
<head>
	 <meta charset="utf-8">
</head>
<body>
	 <h1>Difference between <i> & <em>
	 </h1>
	 <h2>
			<i>This sentence is in Italic</i>
	 </h2>
	 <h2>
			<em>This sentence has emphasized meaning.</em>
	 </h2>
</body>
</html>

支持的浏览器

浏览器
<em>	Yes	Yes	Yes	Yes	Yes

<< HTML - dfn 标签 HTML - i 标签 >>

HTML - em 标签

语法

属性

<em> 标签的示例

<em> 强调重要文本示例

<em> 标签使用css样式强调重要文本

比较 <em> 和 <i> 标签

支持的浏览器