2012年11月8日木曜日

HTML5-4

コンテントモデルとカテゴリとの関係

【例】

①body要素
 カテゴリ:セクショニングルート
 コンテントモデル:フロー要素

②h1要素
 カテゴリ:フロー要素
 コンテントモデル:フレージング要素

③p要素
 カテゴリ:フロー要素
 コンテントモデル:フレージング要素

④テキスト
 カテゴリ:フロー要素、フレージング要素
 コンテントモデル:なし

⑤a要素
 カテゴリ:フロー要素(フレージング要素の場合あり)、インタラクティブ要素
 コンテントモデル:親要素を継承するが、インタラクテイブ要素を持てない

⑥div要素
 カテゴリ:フロー要素
 コンテントモデル:フロー要素

⑦img要素
 カテゴリ:フロー要素、フレージング要素、エンペッディド要素
 コンテントモデル:空要素

  • body要素内にh1要素、p要素は可能
  • p要素のフレージング要素なので、子にフロー要素を持つことができません。
  • div要素内のa要素は、親要素を継承すると、フロー要素となり、a要素の子にp要素を含めることは可能
  • p要素内のa要素は、親要素を継承すると、フレージング要素となり、a要素の子にフロー要素を持つことはできません。
  • img要素はフロー要素、フレージング要素、エンベッティング要素ですので、子になることは可能。
  • 同じようにテキストも子になることが可能
  • 上記は透過性という