HTML5のコンテンツモデル

現在標準として使われているHTML5では、100種類以上のタグ（要素）が用意されており、7種類に分類された「コンテンツモデル」というもので要素ごとに分類が定義されています。

分類は以下のとおりです

• メタデータコンテンツ（Metadata content）
• フローコンテンツ（Flow content）
• セクショニングコンテンツ（Sectioning content）
• ヘッディングコンテンツ（Heading content）
• フレージングコンテンツ（Phrasing content）
• エンベッディッドコンテンツ（Embedded content）
• インタラクティブコンテンツ（Interactive content）

それぞれの要素は、0個以上のカテゴリーに分類されます。なので

• どの分類にも属さない要素
• ひとつの分類に属する要素
• 複数の分類に属する要素

と、いった具合で要素によって異なります。

例えばよく使うと思われる「li要素」はどの分類にも属さないタイプですし、「section要素」は『フローコンテンツ』と『セクショニングコンテンツ』に属したりしています。

7つの分類

7つのカテゴリーは以下のとおりです

メタデータコンテンツ

メタデータコンテンツは、文書情報や別文書との関係など、head要素内で使用できる要素が、このカテゴリーに属することになります。

メタデータコンテンツに属する要素は以下の表のとおりです

フローコンテンツ

フローコンテンツは body要素の中なら基本的にどこにでも配置できる要素が分類されます。

ほとんどの要素はこのフローコンテンツになります。

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

セクショニングコンテンツは明示的にアウトラインを生成する要素です。

各セクショニングコンテンツは通常、見出しを伴って使用します。

ヘディングコンテンツ

ヘディングコンテンツは、セクションの見出しを定義する要素で、暗黙的にアウトラインを生成します

フレージングコンテンツ

フレージングコンテンツは、文書を構成するテキストを表す要素です

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

エンベディッドコンテンツは、文書に他のリソースなどを埋め込む要素です。

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

インタラクティブコンテンツは、閲覧者が操作する要素です

その他のカテゴリー

要素は主要なカテゴリーの以外に、以下の特殊なカテゴリーにも分類されます。

パルパブルコンテンツ

コンテンツモデルがフローコンテンツ、もしくはフレージングコンテンツとなる要素は「パルパブルコンテンツ」となります。

パルパブルコンテンツに分類される要素は、hidden属性が指定されていない内容を最低でも1つは持つ必要があります。

このルールはそれほど厳密なものではなく、内容が空であってもかまわないとなっています。

セクショニングルート

セクショニングルートは、独自のアウトラインを形成する要素です。ただし、セクショニングコンテンツと異なり、文書全体のアウトラインには影響を与えません。

スクリプト支援要素

スクリプト支援要素は、要素自体は何も表さず、スクリプトを操作するために利用される要素です。