<hn> - レベル n の見出し(n=1~6)

■ 概要

項  目説  明
記述形式 <h1>~</h1>,<h2>~</h2>,<h3>~</h3>,
<h4>~</h4>,<h5>~</h5>,<h6>~</h6>
対応ブラウザー H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
種  類
(カテゴリー)
フロー・コンテンツヘッディング・コンテンツパルパブル・コンテンツ  
置ける場所 フロー・コンテンツが記入できる場所,hgroupの子要素
内包要素
(コンテンツ・モデル)
フレージング・コンテンツ
(コンテンツ・モデル: カテゴリー

■ 解説

<h1> ~ <h6> は,見出しを書くために使用します。 1~6 の数字は見出しのランク(階層)を表すもので,<h1> が1番上位,以下数字が大きくなるにつれて見出しのランクが下がって行きます。

h1~h6要素が使われると,自動的にセクションが生成されます。

なお,明示的にセクションの指定をするには,section要素article要素などのセクショニング・コンテンツに属する要素が使用できます。

■ 属性

種  類名  称
【固有属性】 なし
【グローバル属性】 accesskeyclasscontenteditable * dir
hidden *idlangspellcheck *style
tabindextitletranslate *
【ARIA role属性】
指定可能な値 (役割)
heading (既定の役割のため指定対象外),
tab,または,presentation
【ARIA aria-* 属性】
指定可能なもの
ARIA グローバル状態とプロパティ
指定可能な役割の任意の状態とプロパティ   

■ CSSプロパティ

種  類名  称
【よく使うもの】

■ 使用例

HTMLソース
HTML
<body> ~ </body>
<h1>第1章 HTML入門</h1>
<h2>1.1 HTMLとは</h2>
<p>HTML は HyperText Markup Language の略で・・・</p>
<h2>1.2 CSSとは</h2>
<p>CSS は Cascading Style Sheets の略で・・・</p>

ブラウザー 表示例

第1章 HTML入門

1.1 HTMLとは

HTML は HyperText Markup Language の略で・・・

1.2 CSSとは

CSS は Cascading Style Sheets の略で・・・

■ 備考

この文書全体では <link rel="stylesheet" href="style.css"> という記述により、スタイルシートに style.css が指定されていますので、上の例では、<h1> ~ </h1><h2> ~ </h2> の表示がこの文書全体と同一の形式になっています。