この記事はHTML 4/XHTML 1での<h1>要素〜<h6>要素についての解説記事です。
HTML 5での<h1>要素〜<h6>要素に関する解説記事は、HTML 5 リファレンス内のHTML 5での<h1>要素〜<h6>要素をご覧ください。
見出しを表す、<h1>要素, <h2>要素, <h3>要素, <h4>要素, <h5>要素及び<h6>要素についての解説です。
<h1>要素, <h2>要素, <h3>要素, <h4>要素, <h5>要素及び<h6>要素は、文書中の見出しを表す要素です。
数字は見出しの等級を表します。
<h1>要素, <h2>要素, <h3>要素, <h4>要素, <h5>要素及び<h6>要素は、以下の文書型で利用出来ます。
<h1>要素, <h2>要素, <h3>要素, <h4>要素, <h5>要素及び<h6>要素はいずれもテキストモジュールに属します。
<h1>要素, <h2>要素, <h3>要素, <h4>要素, <h5>要素及び<h6>要素は、いずれもソフトバンク在来機では利用出来ません。
<h1>要素, <h2>要素, <h3>要素, <h4>要素, <h5>要素及び<h6>要素はブロックレヴェル要素です。
内容は、インライン要素に限られます。
<h1>要素, <h2>要素, <h3>要素, <h4>要素, <h5>要素及び<h6>要素には、以下の属性が定められております。
以下に挙げる<h1>要素〜<h6>要素の属性はHTML 3.2, トランジッショナル文書型, フレームセット文書型及びオープンウェーヴ社が定めた XHTML モバイル・プロファイルでのみ利用出来る属性で、排除勧告が出されております。
内容テキストの配置を指定します。
値には以下の四つがあります。
leftrightcenterjustify見出しの等級は第一等級から文書内の見出しが及ぶ範囲にあわせて等級付けしていきます。
具体的には文書全体に掛かる見出しを第一等級とし、文書を分割した各項目に掛かる見出しを第二等級、更にそれらを分割した各項目に掛かる見出しを第三等級…と言うようにして行きます。
現状、ISO-HTML以外では見出しの等級が第一等級から始まっていなかったり見出しの等級が飛んでいたりしても問題はありません。
しかしながら、見出しの等級にあわせて<h1>要素〜<h6>要素が定義されている事を考えると、ISO-HTMLでなくても、見出しの等級を第一等級から順に当てていくべきであると考えられます。
ISO-HTMLでは、<h1>要素〜<h6>要素の扱いには以下のような制限があります。
<title>要素は文書に付けられた題名であり、<h1>要素は文書中で一番等級の高い見出しです。
従って、これら二要素の間には全く関係がありません。
ただ、同じ内容になる可能性は高いでしょう。
それでも、絶対に同じにしなければいけない訳ではありませんし、異なる内容にしなければならない訳でもありません。
いずれにしても宗教的あるいは迷信と言わざるを得ません。
稀に<h1>要素〜<h6>要素を文字の大きさを変える要素
と解説している書籍やサイトがありますが、これは間違いです。
確かに、グラフィカルなユーザエージェントのデフォルトスタイルでは第一等級見出しを一番大きくして、段々小さくなるように描画しますが、これは見出しの等級に合わせた描写として撰ばれたに過ぎません。
リンクスと言うユーザエージェントでは文字の大きさを変えられない環境を前提にしているため、もっと異なる表示方法を採用しております。
具体的には第一等級見出しは中央に寄せ、下一行を空ける事で大見出しとして認識出来るようにしております。
第二等級以下は左に寄せますが、等級に応じて左の余白を調節しております。
このように、見出しの等級を表す方法はいろいろあり、従って文字の大きさが変わる事を前提に使用すべきものではありません。
<h1>見出しについて。</h1><h2>見出しを表す<h○>要素。</h2><p>見出しは、<h○>要素で表します。</p><h3>見出しの等級。</h3><p>見出しの等級は○の中の数字で示され、1から6までの六段階となっております。</p><h3>見出しの内容。</h3><p>見出しにはインライン要素のみが入れられます。</p>