コンテンツ・モデル

コンテンツ・モデルとは

コンテンツモデルはHTML5から導入された考え方で、一言でいえばタグの配置ルールの事です。
HTMLのタグはどこにでも自由に配置してよいわけではないためそれを明文化したものです。

コンテンツ・モデルではHTMLのタグ毎に「カテゴリー」「コンテキスト」「コンテンツ・モデル」の３種類の分類が定義されています。

これら３分類ごとに、以下の７カテゴリーのいずれかが指定されています。
指定されるカテゴリーは１つの場合もあれば、複数指定されている場合もあります。
指定無しの場合もあります。

【コンテンツ・モデルのカテゴリー（７カテゴリー）】
メタデータ・コンテンツ（Metadata-Contents）	ページ全体の情報を定義するタグ
フロー・コンテンツ（Flow-Contents）	ページのコンテンツ内で使用するタグ
セクショニング・コンテンツ（Sectioning-Contents）	文章のまとまりを定義するタグ
ヘッディング・コンテンツ（Heading-Contents）	見出しを定義するタグ
フレージング・コンテンツ（Phrasing-Contents）	文章内で使用するタグ
エンベッディッド・コンテンツ（Embedded-Contents）	画像や動画など文章に埋め込んで使用するタグ
インタラクティブ・コンテンツ（Interactive-Contents）	ユーザが操作するタグ

以下で、タグ毎の属するカテゴリーを紹介します。

コンテンツ・モデルのカテゴリーの概要です。

ページ全体の情報を定義するタグが属します。大まかに言うとheadタグ内で使用されるタグが該当します。

ページのコンテンツ内で使用するタグが属します。大まかに言うとbodyタグ内で使用されるタグが該当します。

文章のまとまりや区切りを表すタグが属します。どれもHTML5以降で導入されたタグです。

見出しを表すタグが属します。h1～h6が該当します。

文章内（段落内）で使用するタグが属します。HTML4やXHTMLで採用されていた分類の「インライン要素」に当たります。

文章内に埋め込む要素のタグが属します。画像や動画などを表示するタグが該当します。

ユーザが操作を行うタグが属します。ボタンやテキストボックスなどユーザが操作できるタグが該当します。

HTML4.01やXHTMLではインライン要素、ブロック要素という分類がありましたが、HTML5ではこれら分類は廃止されてコンテンツ・モデルに移行しました。