HTML要素 ・ 見出し・文章

<em>

強勢を示す

話し言葉で強く読む部分(強勢)を示します。ブラウザは既定で斜体で表示します。

種類
インライン要素
終了タグ
必須
既定の表示
斜体
01

サンプルコード

HTML
1<p>コーヒー<em>だけ</em>ください。</p>
2<p><em>コーヒー</em>だけください。</p>
02

実行結果

ブラウザでの表示
03

解説

em は "emphasis"(強調)の略で、文の中で強く読む部分を示します。どこに em を付けるかで、文の意味やニュアンスが変わります。

上の例では、1行目は「ほかの物はいらない」、2行目は「紅茶ではなくコーヒー」という意味合いになります。

日本語の書体は斜体が用意されていないことが多く、機械的に傾けて表示されます。見た目を変えたいときはCSSで調整します。

04

応用例・注意点

似た要素との違い

要素説明
em強勢(読むときに強く発音する部分)
strong重要・深刻・緊急
i意味はなく、学名・外国語・心の声など
cite作品のタイトル

斜体をやめて傍点風にする

日本語では斜体の代わりに傍点(圏点)で強調すると自然です。

HTML
1<p>コーヒー<em>だけ</em>ください。</p>
CSS
1em {
2 font-style: normal;
3 text-emphasis: filled dot;
4}

注意点

  1. 01単に斜体にしたいだけなら、CSSの font-style: italic を使います。
  2. 02em を多用すると、どこを強く読めばよいかわからなくなります。
↑↓ 選択Enter 移動Esc 閉じるCtrl K⌘K で開閉