hn

1. 基本情報

説明 見出しを示す
語源 Heading level 1, 2, 3, 4, 5, 6
所属モジュール Text
所属コンテントセット Heading
内容 PCDATA, Inline
内容の書式 ( PCDATA | Inline )*
関連項目 p
公式な実装 DTD

2. 属性

2-1. 一般属性

属性 属性値の型 説明
Common [属性コレクション]

XHTMLの要素が大抵持っている、一般的な属性を集めたコレクションです。

2-2. 固有属性

固有属性はありません。

3. 解説

3-1. 概要

hn要素は、見出しを示します。とは言え、「hn」と言う名前の要素がXHTMLに存在する訳ではなく、h1、h2、h3、h4、h5、h6までの6つの要素をまとめてhn要素と呼んでいるだけです。

hn要素が内包する見出しは、後続の段落(p要素)で扱う内容を簡潔にまとめたものです。紙媒体の本における見出しの概念と全く同じです。一つ違う事を言えば、最高位(最重要)の見出しであるh1要素は、文書の見出しとして……即ち、文書のタイトルを内包する事が多いと言う事です。このh1要素が内包するタイトルは、title要素と違ってヘッダ情報ではなく、文書の一部です。つまり、ブラウザの表示エリアに大きな太字で表示されたり、音声合成ユーザーエージェントに読み上げられたりします。

先程も少し触れましたが、h1が最も優先度の高い見出しであり、h2、h3……となるに従って優先度が低くなっていき、h6が最低位の見出しです。将来的には、XHTML 2.0でh要素とsection要素による階層的な記述方法に移行するでしょうが、現段階ではこれらの6要素を段階的に使って下さい。その際、段階が欠損するような──例えば、h2要素の次に(h3要素を使わず)h4要素を使うような事は避けるべきです。

3-2. 使用例

h1要素を文書のタイトルに使い、h2、h3、h4までの深度を必要に応じて使うのが管理しやすいでしょう。section要素が登場するまでは、div要素に適当なclass属性を持たせておくと便利かもしれません。

[プログラムコード開始]

<body>
<h1>地震の仕組み</h1>
<div class="section">
<h2>地震の概要</h2>
<p>そもそも、地震とは何なのでしょうか? 広辞苑を開くと、次のように説明されています……</p>
</div>
<div class="section">
<h2>地震とプレート</h2>
<p>前述のように、地震はプレートとプレートの歪みから起こります。では、何故プレートが少しずつずれていってしまうのでしょうか。……</p>
</div>
</body>

[プログラムコード終了]

[hn]
Published : 2006-03-26T09:00:00+09:00
Last Modified : 2006-07-26T09:00:00+09:00
Table of Contents : 要素目次
Index : 要素索引
Verified with : Valid XHTML 1.1
Copyright © 2006  E+X.