見出し要素は文書中の見出しを示す為の要素です。<h1>
を最上位とし <h6>
を最も低いレベルとする 6 段階 のレベルで実装されています。見出し要素にはセクションで紹介されるトピックを簡潔に記述します。ユーザーエージェントの中には、文書中の見出し要素の記述を解析し、自動的に文書の目次を生成するものもあります。
使用上の注意:
コンテンツカテゴリ | フローコンテンツ、ヘッディングコンテンツ、パルパブルコンテンツ |
---|---|
許可された内容 | フレージングコンテンツ |
タグの省略 | 不可。開始と終了タグの両方が必要。 |
許可された親要素 | フローコンテンツを受け入れるすべての要素。または <hgroup> 要素ですが、これは非推奨要素です。 |
DOM インターフェイス | HTMLHeadingElement |
属性
他の全ての HTML 要素と同様に、見出し要素はグローバル属性を持ちます。
align 属性は廃止されましたので、使用しないでください。
例
全ての見出し
以下のコードでは、すべての見出しレベルを示しています。
<h1>Heading level 1</h1> <h2>Heading level 2</h2> <h3>Heading level 3</h3> <h4>Heading level 4</h4> <h5>Heading level 5</h5> <h6>Heading level 6</h6>
以下の様に出力されます。
前後の文脈上を含めた使用例
以下のコードでは、いくつかの見出しとその配下のコンテンツを示しています。
<h1>Heading elements</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>
以下の様に出力されます。
仕様
ブラウザ実装状況
機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
基本サポート | (有) | 1.0 (1.7 or earlier) | (有) | (有) | (有) |
機能 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
基本サポート | (有) | 1.0 (1.0) | (有) | (有) | (有) |