見出しタグ（h1〜h6）の「やっていいこと・ダメなこと」を完全攻略しよう！

Web制作を始めたばかりのみなさん、こんにちは！HTMLの学習、順調ですか？
タグを覚えるのは楽しいけれど、「これってどこに書いていいの？」「ここにこのタグを入れても怒られないかな？」と迷う瞬間、ありますよね。

今日は、Webページの「顔」とも言える見出しタグ（h1〜h6）について、その中身（コンテンツモデル）のルールを紐解いていきます。難しい専門用語は抜きにして、一緒に整理していきましょう。大丈夫、全然難しくないですよ！

—

見出しタグは「本の章立て」をイメージしよう

まず、`h1`から`h6`までの見出しタグを想像してみてください。これらは、Webページという「本」の目次のようなものです。

• h1: 本のタイトル（一番大切！）
• h2: 大きな章のタイトル
• h3: 章の中の節

このように、見出しタグは「情報をグループ分けして、読みやすくするための看板」です。看板の中に、いきなり「別の看板」を立てることはありませんよね？この感覚が、HTMLのルールを理解する鍵になります。

—

結論：見出しタグには「文字や装飾」だけを入れる

見出しタグの中に入れていいのは、基本的に「フレージングコンテンツ」と呼ばれる要素だけです。

「フレージングコンテンツ」と聞くと身構えてしまいますが、要は「文章の中に自然に混ざるもの」だと思ってください。

OKな例（中に入れてもいいもの）

• ``：文字の色を変えたいときなど
• ``：リンクを貼るとき
• ``：文字を強調したいとき
• ``：ちょっとしたアイコンやロゴ（あくまで装飾の一部として）