見出し(Heading)を付けます。見出しには重要性によって1(最も重要)から6(最も重要でない)までの段階があります。
<h1>THE LORD OF THE RING</h1>
<h2>THE FELLOWSHIP OF THE RING</h2>
<h2>THE TWO TOWERS</h2>
<h2>THE RETURN OF THE KING</h2>
<h3>BOOK FIVE</h3>
<h4>MINAS TIRITH</h4>
<h3>BOOK SIX</h3>
<h4>THE TOWER OF CIRITH UNGOL</h4>
h1 - h6 タグには次の属性を指定できる。
<h1 class="title">Example</h1>
値 | 値 |
---|---|
ltr | 左から右へ記述する (日本語や英語など) |
rtl | 右から左へ記述する (アラビア語など) |
auto | ユーザーエージェントに決定させる |
<h1 dir="ltr">Example</h1>
<h2 id="INTRODUCTION">はじめに</h2>
値 | 説明 |
---|---|
ja | 日本語 |
ja-JP | 日本語(日本) |
en | 英語 |
en-UK | 英語(イギリス) |
en-US | 英語(アメリカ) |
th | タイ語 |
th-TH | タイ語(タイ) |
<h3 style="font-size: large;">Heading</h3>
ひとつのページに含まれるh1タグはひとつまで、という制限がHTML4までにはあった。
しかし、HTML5からはひとつのページに複数のh1タグが存在してもよいようになった。
複数のsectionあれば、それぞれのセクション内にh1タグがあってよい。
<section>
<h1>第1章</h1>
<p>本文1</p>
</section>
<section>
<h1>第2章</h1>
<p>本文2</p>
</section>
h1 - h6 の開始タグと終了タグは省略できない。
h1 - h6 の内容には記述コンテンツを含めることができる。具体的には、次の要素である。
<button>
<img>
<inpput>
<meter>
<noscript>
<progress>
<q>
<script>
<select>
<sup>
<textarea>
JavaScriptからは HTMLHeadingElement インタフェースを通じて h1 - h6 要素へアクセスできる。
HTMLHeadingElement インタフェースは次のプロパティを持つ。
プロパティ | 型 | 説明 |
---|---|---|
accessKey | DOMString | accessKey属性 |
dataset | DOMStringMap | カスタムデータ属性(読み取り専用) |
dir | DOMString | dir属性 |
innerText | DOMString | ノードに描画されるテキストの内容 |
lang | DOMString | lang属性 |
style | CSSStyleDeclaration | style属性 |
title | DOMString | title属性 |
<h6 style="border-right: medium solid gray">
EXAMPLE
</h6>
Web Hypertext Application Technology Working Group (2021) "Sections" HTML Living Standard