<em>

HTMLの<em>タグは、語句を強調します。

開始タグ <em> と終了タグ </em> に囲まれた文字列を強調します。

<em>
  <!-- phrasing content -->
</em>

開始タグと終了タグの間にはインライン要素を含めることができます。終了タグは省略できません。属性はすべて省略可能です。

HTMLタグ <em> の使用例と表示サンプルを次に示します。

The <em>quick brown</em> fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

日本語の強調

英語では強調する語句をイタリック体で表記する習慣がある。そのため、英語のフォントでは強調する語句がイタリック体で表示される。

日本語のフォントにはイタリック体が用意されていないことが多い。そのため、日本語の語句を強調しても、表示上変わらないことがある。

語句を<em>強調</em>することができます。

語句を強調することができます。

日本語では強調する語句に傍点を打ったり、太字で表記する習慣がある。

太字で強調する

太字で表示するには、font-weight CSSプロパティを使用する。

語句を<em style="font-weight: bold;">強調</em>することができます。

語句を強調することができます。

傍点で強調する

語句に傍点を打つには、text-emphasis または -webkit-text-emphasis CSSプロパティを使用する。

語句を<em style="text-emphasis: dot; -webkit-text-emphasis: dot;">強調</em>することができます。

語句を強調することができます。

属性

属性は全て省略可能です。

class
CSSのクラスを指定する。空白で区切って、複数のクラスを指定することができる。
id
HTML文書内で一意な識別子を指定する。
style
CSSのプロパティを指定する。セミコロンで区切って、複数のプロパティを指定することができる。

HTMLタグ

参考文献

WHATWG (2021) "Text-level semantics" HTML Living Standard