会員限定 頻出のタグ説明

HTMLのコーディングにおいて、頻繁に使用されるタグがあります。
今回は、そんな頻出するタグについて説明していきます。

頻出のタグを理解していこう！

<h1>〜<h6>（見出し）タグ

<h1> / <h2> / <h3> / <h4> / <h5> / <h6> は見出しを表示するためのタグです。
<h1>が最も重要で大きな見出しであり、<h6>が最も小さな見出しです。
SEOやアクセシビリティに影響を与えることがあるので、適切な見出しレベルを選択することが重要です。

• <h1>タグ
  
  コンテンツのテーマを表します。
  <title>タグと本質的な役割が同じであるため、似通った内容になっても問題ありません。
  ※使い方
  
  • 1ページで1つだけにする。
  • 見出しタグの中で一番最初に使う。
  ※例

  See the Pen 260_頻出のタグ説明_001 by Yugo Harima (@yh-dezadezi) on CodePen.
• <h2>タグ
  
  h1の次に重要なテキストに使用します。（大見出し）
  ※使い方
  
  • 1ページ内で何回も使うことができる。
  • 目次の章にあたる部分が該当。
  ※例

  See the Pen 260_頻出のタグ説明_002 by Yugo Harima (@yh-dezadezi) on CodePen.
• <h3>タグ
  
  h2の中のポイントとなるテキストに使用します。（中見出し）
  ※使い方
  
  • 1ページ内で何回も使うことができる。
  • 直前のh2のポイントになる部分
    （h2内のテーマが複数になる場合に利用）。
  ※例

  See the Pen 260_頻出のタグ説明_003 by Yugo Harima (@yh-dezadezi) on CodePen.
• <h4>~<h6>タグ
  
  h3で内容がまとまらないときに、補足的に使用します。（小見出し）
  ※使い方
  
  • 1ページ内で何回も使うことができる。
  ※例

  See the Pen 260_頻出のタグ説明_004 by Yugo Harima (@yh-dezadezi) on CodePen.