HTML5 コンテンツ・モデル

HTML5以前の要素は大きくブロックレベル要素とインライン要素に分類されていましたが、 HTML5からブロックレベル要素とインライン要素の分類は無くなっているとのことです。

そのような概念に変わっていた事が知らなかったので書き留めておきます。

ブロック要素・インライン要素から大きく７つの分類に分かれました。

メタデータ・コンテンツ

文書情報や他の文書との関係を定義するもの

base command link meta noscript script style title

フロー・コンテンツ

子孫にテキストなどを持つもの

a abbr address area* article aside audio b bdo blockquote br button canvas cite code command datalist del details dfn div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hgroup hr i iframe img input ins kbd keygen label link* map mark math menu meta* meter nav noscript object ol output p pre progress q ruby s samp script section select small span strong style* sub sup svg table textarea time ul var video wbr Text*

* 特定の条件の場合

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

見出しと概要を付けられるもの

article aside nav section

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

セクションの見出しとなるもの

h1 h2 h3 h4 h5 h6 hgroup

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

段落などの中に含まれる文節・語句など

a* abbr area* audio b bdo br button canvas cite code command datalist del* dfn em embed i iframe img input ins* kbd keygen label link* map* mark math meta* meter noscript object output progress q ruby s samp script select small span strong sub sup svg textarea time var video wbr Text*

* 特定の条件の場合

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

文書に他のリソースを埋め込むもの

audio canvas embed iframe img math object svg video

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

ユーザーによる操作に対応するもの

a audio* button details embed iframe img* input* keygen label menu* object* select textarea video*

* 特定の条件の場合