h2要素とは
<h2>
要素の「h」は、headingの略で見出しを表します。見出しの要素は、<h1>
〜 <h6>
まであり、階層構造に合わせて使い分けます。<h2>
要素は、主にページ内の各トピックスの見出しを表します。
- 意味・役割
-
見出しを表す要素(主にページ内の各トピックスの見出し)
- 利用できるバージョン(HTML4.01以降)
-
全てのバージョン
- コンテンツ・カテゴリ
-
(HTML5より前:ブロックレベル要素)
- コンテンツ・モデル(梱包できる要素)
-
フレージング・コンテンツ
(HTML5より前:インライン要素)
- この要素を配置できる親要素
-
フロー・コンテンツが配置できる要素
h2要素で使える属性
どの要素にでも使えるグローバル属性と以下の属性が使えます。
align属性 廃止
要素内の行揃えを指定する属性。この属性は視覚的な表現を行う属性で、HTML4.01以降は非推奨、XHTML1.1で廃止になりました。同様の表現を行うには、CSSの:text-align
プロパティで行うようにしましょう。
- 属性値
-
- "left": 左揃え(初期値)
- "center": 中央揃え
- "right": 右揃え
- "justify": 両端揃え(複数行の英文に有効)
- 利用できるバージョン(HTML4.01以降) HTML4.01で非推奨
-
HTML4.01 (Transition/Frameset)、XHTML1.0 (Transition/Frameset)
h2要素のサンプル
h2要素の注意点
見出しを表す<h1>
〜 <h6>
要素は、通常、見出しのレベルに合わせて文字サイズが大きくなりますが、文字サイズを変更する目的で使用するのはやめましょう。文字サイズの変更は、CSSの:font-size
プロパティで行うようにしましょう。
仕様
- HTML5.1
-
4.3.6. The h1, h2, h3, h4, h5, and h6 elements
- HTML5
-
4.3.6 The h1, h2, h3, h4, h5, and h6 elements
- HTML4.01
-
7.5.5 Headings: The H1, H2, H3, H4, H5, H6 elements
関連する要素
関連するレッスン