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}
注意点
- 01単に斜体にしたいだけなら、CSSの font-style: italic を使います。
- 02em を多用すると、どこを強く読めばよいかわからなくなります。