<h1> through <h6>
<h1> ～ <h6> は HTML の要素で、セクションの見出しを 6 段階で表します。<h1> が最上位で、<h6> が最下位です。既定では、すべての見出し要素はブロックレベルボックスを作成し、改行して始まり、その包含ブロックの中で利用できる幅いっぱいに広がります。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
| DOM API | ||||||
| HTMLHeadingElement インターフェイスは、 から まで様々な見出し要素を表します。 HTMLElement インターフェイスからメソッドとプロパティを継承しています。 | 1 | 12 | 1 | 3 | 18 | 1 |
| その他 | ||||||
| ～ は HTML の要素で、セクションの見出しを 6 段階で表します。 が最上位で、 が最下位です。既定では、すべての見出し要素はブロックレベルボックスを作成し、改行して始まり、その包含ブロックの中で利用できる幅いっぱいに広がります。 | 1 | 12 | 1 | 1 | 18 | 1 |
| ～ は HTML の要素で、セクションの見出しを 6 段階で表します。 が最上位で、 が最下位です。既定では、すべての見出し要素はブロックレベルボックスを作成し、改行して始まり、その包含ブロックの中で利用できる幅いっぱいに広がります。 | 1 | 12 | 1 | 1 | 18 | 1 |
| ～ は HTML の要素で、セクションの見出しを 6 段階で表します。 が最上位で、 が最下位です。既定では、すべての見出し要素はブロックレベルボックスを作成し、改行して始まり、その包含ブロックの中で利用できる幅いっぱいに広がります。 | 1 | 12 | 1 | 1 | 18 | 1 |
| ～ は HTML の要素で、セクションの見出しを 6 段階で表します。 が最上位で、 が最下位です。既定では、すべての見出し要素はブロックレベルボックスを作成し、改行して始まり、その包含ブロックの中で利用できる幅いっぱいに広がります。 | 1 | 12 | 1 | 1 | 18 | 1 |
| ～ は HTML の要素で、セクションの見出しを 6 段階で表します。 が最上位で、 が最下位です。既定では、すべての見出し要素はブロックレベルボックスを作成し、改行して始まり、その包含ブロックの中で利用できる幅いっぱいに広がります。 | 1 | 12 | 1 | 1 | 18 | 1 |
基本構文
<h1>Level 1 heading</h1>
<h2>Level 2 heading</h2>
<h3>Level 3 heading</h3>
<h4>Level 4 heading</h4>
<h5>Level 5 heading</h5>
<h6>Level 6 heading</h6>ライブデモ
Documentoutline
Document. outlinestructure representationationation. with positiveheadinglevel.
実務での使いどころ
-
<h1> through <h6> の活用
<h1> ～ <h6> は HTML の要素で、セクションの見出しを 6 段階で表します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。