HTMLのコンテンツ・モデル

参考サイト:TAG index – HTML & CSS Web制作リファレンス

コンテンツ・モデルについて

コンテンツ・モデル(内容モデル)とは、各要素が内包できるコンテンツを定義したもの

例えば、

sectionの要素にはフロー・コンテンツを入れられる

p要素の中にはフレージング・コンテンツしか入れられない

などのルールが、各要素のコンテンツ・モデルによって詳細に決められている。

HTMLで文書を作成する際は、このコンテンツ・モデルを意識して
マークアップすることが求められる。

要素カテゴリー

要素のコンテンツ・モデルを理解するには、要素カテゴリーというものを理解する必要がある。

要素カテゴリー:HTMLの各要素を目的に応じて細かく分類したもの

ほとんどの要素はいずれかのカテゴリーに属することになる。

参考サイトを元に作成

メタデータ・コンテンツ

文書情報や別文書との関係などを定義するコンテンツ。
head要素の中で使用できる要素。

フロー・コンテンツ

文書の本体に現れる一般的なコンテンツ。
body要素内で使用するほとんどの要素が該当する。

セクショニング・コンテンツ

セクションの範囲を定義するコンテンツ。
セクションを生み出す要素。

ヘッディング・コンテンツ

見出しを表すコンテンツ。見出しの要素。

フレージング・コンテンツ

段落内で使用するようなコンテンツ。
インライン要素と呼ばれていた要素。

エンベディッド・コンテンツ

文章内に埋め込みを行うコンテンツ。
画像、インラインフレームなどの要素。

インタラクティブ・コンテンツ

ユーザーが操作可能なコンテンツ。
リンク、フォームの入力欄などの要素。

どのカテゴリーにも属さないコンテンツ

まだ分からない。

トランスペアレント

一部の要素はトランスペアレント(等価)に分類される。

コンテンツ・モデルの説明に「トランスペアレント」と書かれている場合、その要素は親要素のコンテンツ・モデルを継承する。

PAGE TOP