: EM 要素

最終更新：2026-10-13

EM 要素

強調するテキストを表します。既定ではイタリックで表示されます。 と違い、 は強調の意味を持ちます。

<em>強調されたテキスト</em>

下のコードを編集して、playground でリアルタイム結果を確認：

ブラウザ	Chrome	Edge	Firefox	Safari	Opera
<em>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザでサポート

ヒント： 強調の意味には を、見た目だけイタリックにしたい場合は を使いましょう。

Qem と i の違いは何ですか？

A は「強調」（emphasis）を表し、文のアクセントを変えるため、スクリーンリーダーは強いトーンで読み上げます。 は純粋に視覚的な斜体で、専門用語・外国語のフレーズ・内心の声など、強調以外の意味で使います。「ここが大事」と伝えたい場面では  を使いましょう。

Qem を入れ子にすると強調が強くなりますか？

Aなります。HTML 仕様では、入れ子の  は段階的に強調の度合いを増すと定められており、会話でトーンを重ねるのに似ています。たとえば 本当にとても重要 の場合、「とても」の強調は外側より強くなります。

QCSS の斜体で em タグを代用できますか？

A斜体の見た目だけが欲しい場合（書名や外来語など）は、CSS を使う方が適切です。 は「強調」という意味を持つため、スクリーンリーダーの読み上げ方に影響します。逆に、本当に意味のある強調を CSS 斜体で再現するのも避けるべきで、両者は混用できません。

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。