HTML - <em> 标签



HTML <em> 标签代表“强调元素”。它为包含在其中的文本赋予语义含义,并在浏览器中以斜体显示。<em> 标签与其内容的表示方式类似于 <i> 标签;这两个标签的区别在于,<em> 元素在语义上强调重要单词,而 <i> 元素只是传统上以斜体样式显示的偏移文本。

语法

<em> .... </em>

属性

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

HTML em 标签示例

在下面的示例中,我们将看到 dfn 元素的不同示例。每个示例都将说明 html em 标签的用例。

定义强调元素

在下面的示例中,我们创建了一个 HTML 文档,并使用 <em> 标签来表示重要文本。

<!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>

样式强调元素

考虑下面的示例,我们创建了一个 HTML 文档,并使用 <em> 标签和 CSS 属性来设置 <em> 标签内容的样式。

<!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>

比较 <em> 和 <i> 标签

让我们看看下面的示例,我们正在创建一个关于 <em> 和 <i> 标签 区别的 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>

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
em
html_tags_reference.htm
广告
© . All rights reserved.