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
廣告