em要素

em要素は、em要素で括った内容を強調する要素。

カテゴリー フロー・コンテンツ、フレージング・コンテンツ、パルパブル・コンテンツ。
コンテキスト フレージング・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル フレージング・コンテンツを内包できる。
属性 グローバル属性。
ブラウザ対応

構文

<em>強調したいテキスト</em>

要点

  • em要素は、em要素で括った内容を強調する要素である。
  • ほとんどのブラウザは、em要素内のテキストを、イタリック体で表示する。
  • em要素を入れ子にし、より強調させることもできる。
  • em要素は、強調するだけであり、重要性は示さない。重要性を示すには、strong要素を使う。

サンプルコード

何色を強調

何色が好きなのかを強調したい場合、色を強調。

<p>Ａ君は、<em>赤色</em>が好きです。</p>

誰を強調

誰の話なのかを強調したい場合。

<p><em>Ａ君</em>は、赤色が好きです。</p>

サンプル

HTMLソースコード

<p>Ａ君は、<em>赤色</em>が好きです。</p>
<p><em>Ａ君</em>は、赤色が好きです。</p>
<p>Ａ君は、赤色が<em>好き</em>です。</p>
<p><em>Ａ君は、<em>赤色</em>が好きです！</em></p>

実際の表示

Ａ君は、赤色が好きです。

Ａ君は、赤色が好きです。

Ａ君は、赤色が好きです。

Ａ君は、赤色が好きです！