HTML

【em】強調

みいと

強調

em要素は、強調している部分を示すための要素です。

一般的なブラウザでは、斜体で表示されるようです。

より強い強調

em要素を入れ子にすると、より強い強調になります。

たとえば、こんな感じでしょうか。

<p>私は今日から<em><em>WEBデザイン</em>の勉強を始めます。</em></p>

「WEBデザインの勉強を始めます。」ということを強調していて、その中でもさらに「WEBデザイン」をさらに強調しています。

em要素を入れ子にすると、さらに強い強調をあらわすことができる。

em要素の注意点

em要素を使うときは下記の点に注意しましょう。

em要素はあくまで強調するだけ

em要素は強調をあらわすだけなので、重要性はあらわしません

重要性をあらわす場合は、strong要素を使用しましょう。

斜体にするために使わない

em要素は一般的なブラウザでは斜体で表示されますが、テキストを斜体にする目的で使用しないように注意しましょう。

テキストを斜体にしたい場合は、CSSを使用します。

フォントの設定
【font-weight / font-style / font-variant】フォントの設定CSSのフォント設定のうち、font-weight・font-style・font-variantについてザックリとまとめました。...

強調のまとめ

今回は、強調についてまとめました。

em要素が強調をあらわすことを理解して、b要素やstrong要素と区別して使えるようにしましょう。

まとめ

  • em要素は、強調している部分を示すための要素
  • em要素を入れ子にすると、さらに強い強調をあらわすことができる
  • em要素は重要性はあらわさない
  • 斜体にするためにem要素を使用しない

ABOUT ME
みいと
みいと
興味を持ったものをいろいろと勉強しています。
記事URLをコピーしました