トップページ  > HTML Living Standard  > <em>

★HTML Living Standard リファレンス

<em> …… 強調や強勢を表す
Internet Explorer Microsoft Edge Google Chrome Safari Firefox Opera
広告

<em>タグは、強調や強勢を表す際に使用します。 em要素に指定された部分は、意味やアクセントが強められます。

em要素を入れ子にすると、強調のレベルが大きくなります。 入れ子にしたem要素の数によって、その内容の強調レベルが決まります。

重要性ならstrong要素、斜体ならi要素

em要素は強調や強勢を表しますが、重要性を伝える意味はありません。 そのような目的には、 strong要素 の方が適切です。

また、em要素は、斜体(イタリック体)要素ではありません。 テキストを段落の残りの部分から目立つように斜体(イタリック体)したい場合には、 i要素 の方が適切です。

強調箇所とニュアンスの変化

文のどの部分を強めるかによって、文意やニュアンスが変わります。 em要素の正確な使用方法は、言語によって異なります。

以下のサンプル群は、em要素で強勢・強調する箇所によってニュアンスがどう変化するかを比較しています。

■使用例

以下のサンプルは、em要素による強勢・強調のない一般的な事実の陳述です。

HTMLソース

<p>猫は可愛い動物です。</p>
↓↓↓

ブラウザ上の表示

猫は可愛い動物です。

以下のサンプルは、「猫」を強勢することで、議論されている動物の種類が問題であることが強調されています。 誰かが「犬は可愛い」と主張しているのかもしれません。

HTMLソース

<p><em></em>は可愛い動物です。</p>
↓↓↓

ブラウザ上の表示

は可愛い動物です。

以下のサンプルは、結論の部分を強勢することで、文全体の真実性が問題になっていることが強調されています。 誰かが「可愛い動物ではない」と言っているのかもしれません。

HTMLソース

<p>猫は可愛い動物<em>です</em>。</p>
↓↓↓

ブラウザ上の表示

猫は可愛い動物です

以下のサンプルは、形容詞を強勢することで、猫の正確な性質が強調されています。 誰かが「猫は凶暴な動物」だと示唆したかもしれません。

HTMLソース

<p>猫は<em>可愛い</em>動物です。</p>
↓↓↓

ブラウザ上の表示

猫は可愛い動物です。

以下のサンプルは、「動物」の部分を強勢しています。 誰かが「猫は野菜である」などと主張したために、それを訂正しているのかもしれません。

HTMLソース

<p>猫は可愛い<em>動物</em>です。</p>
↓↓↓

ブラウザ上の表示

猫は可愛い動物です。

以下のサンプルは、文全体を強勢することで、話し手が要点を伝えようと懸命になっていることが示されています。 この種の強勢は一般的に句読点にも影響するため、ここでは感嘆符を使用しています。

HTMLソース

<p><em>猫は可愛い動物です!</em></p>
↓↓↓

ブラウザ上の表示

猫は可愛い動物です!

以下のサンプルは、em要素を入れ子にして強勢をさらに強めています。 可愛らしさを強調することに怒りが混ざると、このようなマークアップになるかもしれません。

HTMLソース

<p><em>猫は<em>可愛い</em>動物です!</em></p>
↓↓↓

ブラウザ上の表示

猫は可愛い動物です!

■関連項目

  • <strong> …… 重要性が高いことを表す
  • <em> …… 強調や強勢を表す
  • <i> …… 他と異なる雰囲気のテキストを表す
  • <b> …… 注意を引く強調表示テキストを表す
  • <u> …… 暗黙的な注釈を含むテキストを表す
  • <mark> …… 参照目的で強調表示されたテキストを表す
  • <small> …… 小さな活字にされる内容を表す
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ