em 要素

概要

HTML の強調要素（<em>）は、強調されたテキストを示します。 <em> 要素は入れ子にすることができ、入れ子の段階に応じてより強い程度の強調を表すことができます。

属性

この要素はグローバル属性のみを持っています。

例

<em> 要素はしばしば、暗示的あるいは明示的な対比を表すために使われます。

<p>
  HTML5 仕様書では、従来の<em>ブロックレベルコンテンツ</em>という概念は取り除かれ、
  そこに属していた要素はほぼ<em>フローコンテンツ</em>というコンテンツカテゴリに属するものとなっています。
</p>

表示結果

HTML5 仕様書では、従来のブロックレベルコンテンツという概念は取り除かれ、 そこに属していた要素はほぼフローコンテンツというコンテンツカテゴリに属するものとなっています。

<i> と <em>

Web サイトの描画について、同じものを表現するにも実に多くの方法があるため、新しい開発者をしばしば混乱させています。斜体と強調はおそらく、最もよく目にする事柄のひとつでしょう。なぜ <em></em> と <i></i> を使い分けるのでしょうか。どちらも、間違いなく同じ結果をもたらしますよね？

いいえ、それは違います。強調は論理的な状態、斜体は物理的な状態です。論理的な状態は、コンテンツから視覚表現を切り離し、そうすることで、いくつかのテキストを斜体で表示する代わりに、赤字で、あるいは異なるサイズで、あるいは下線を引いて、あるいは太字にして表示するなど、多くの異なる方法で表現することができるようになります。 <em> にとっては視覚的な特性を変更するほうが、斜体にするよりも理にかなっているかもしれません。斜体は物理的な状態であるからです。視覚表現とコンテンツの分離は無く、斜体に、テキストを斜体にする以外のことをさせることは、混乱させるもので、非論理的です。

<em> の例は "Just do it already!" や "We had to do something about it" です。テキストを読む人やソフトウェアは、斜体の単語を強調して読み上げるでしょう。

<i> の例は "The Queen Mary  sailed last night" です。ここで、"Queen Mary" という語句に強調や重要性は与えていません。これは単に、対象物が Mary という名前の女王ではなく Queen Mary  という名前の船であることを示します。<i> の別の例として "The word the is an article" があります。

仕様

ブラウザ実装状況

関連情報

• <i> 要素