HTML strongとemタグの使い方｜太字・斜体の意味的強調

📌

結論

 で太字の強調、 で斜体の強調ができます

テキストの一部を強調したいとき、HTMLでは意味のあるタグを使います。

📝 実際のコードはこちら

<p>これは<strong>重要</strong>で、<em>強調</em>です。</p>

strongとemの違い

タグ	見た目	意味	使いどころ
`<strong>`	太字	強い強調（重要）	警告、重要事項
`<em>`	斜体	軽い強調	ニュアンス、補足

見た目が同じならCSSでいいじゃんと思うかもしれません。でも、これらのタグには意味があります。スクリーンリーダーは  を強く読み上げ、 は強調して読み上げます。検索エンジンもこれらのタグを重要な情報として認識します。

 は太字、 は斜体ですが見た目だけで意味がありません。現代のHTMLでは  と  を使うのが正解です。

・ = 重要な強調（太字）・ = 軽い強調（斜体）・見た目ではなく意味で使い分ける

重要を  で、強調を  で囲んでみましょう。

🧪 ここで試せます ─ 壊しても大丈夫！

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

重要をstrong、強調をemで囲んでください。

詰まったらヒント

strongは太字、emは斜体の意味を持ちます。