6 種類の HTML 見出し:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Try it Yourself ❯
<h1> ~ <h6> タグは、HTMLの見出しを定義するために使用します。
<h1> は、最も重要な見出しを、<h6> は、最も重要度の低い見出しを定義します。
要素 | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
"align" 属性は、HTML5ではサポート対象外。要素の配置には CSS を使用します。
属性 | 値 | 説明 |
---|---|---|
align | left center right justify |
HTML5 ではサポート対象外。 見出しの配置を指定する |
<h1> ~ <h6> タグは、HTML のグローバル属性もサポートします。
<h1> ~ <h6> タグは、HTML のイベント属性もサポートします。
HTML チュートリアル:HTML Headings
HTML DOM リファレンス:Heading オブジェクト
ほとんどのブラウザは、次のデフォルト値を使用して <h1> 要素を表示しています:
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it Yourself ❯
ほとんどのブラウザは、次のデフォルト値を使用して <h2> 要素を表示しています:
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it Yourself ❯
ほとんどのブラウザは、次のデフォルト値を使用して <h3> 要素を表示しています:
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it Yourself ❯
ほとんどのブラウザは、次のデフォルト値を使用して <h4> 要素を表示しています:
h4 {
display: block;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it Yourself ❯
ほとんどのブラウザは、次のデフォルト値を使用して <h5> 要素を表示しています:
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it Yourself ❯
ほとんどのブラウザは、次のデフォルト値を使用して <h6> 要素を表示しています:
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Try it Yourself ❯