主なカテゴリ

メタデータコンテンツ

• 主にhead要素内に記述される文書のメタ情報を表す要素
  • meta / script / style / link / title

フローコンテンツ

• コンテンツとして表示されるほとんどすべての要素

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

• 見出しと概要からなるセクションを構成する要素

ヘッディングコンテンツ

• セクションの見出しとなる要素

フレージングコンテンツ

• 段落内で使用するような要素・テキスト

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

• 画像・音声・動画などの外部ファイルを埋め込むための要素

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

• ハイパーリンクやフォームなどのユーザーが操作できる要素

参考

https://w3g.jp/html5/content_models

トランスペアレント

• 親要素のコンテンツ・モデルを継承する
  • 親要素がフローコンテンツを含むことができれば、同様にフローコンテンツを含むことが可能となる
  • 親要素が存在しない場合は、すべてのフローコンテンツを入れることが可能となる

a要素

• カテゴリ
  • フローコンテンツ
  • フレージングコンテンツ
  • インタラクティブコンテンツ
• コンテンツモデル
  • トランスペアレント

概要

• コンテンツモデルがトランスペアレントとなったことによって「div要素をa要素で囲む」といった使い方が可能に
  • タッチデバイスによるリンク領域の拡大に利用できるようになった

注意点

• a要素を除いた残りの要素の文法が正しくなければいけない
• 親要素コンテンツモデルに従わなければならない
  • ulやolなどの要素
• 自身の中に、他のクリック・操作可能な要素を入れてはならない
  • インタラクティブコンテンツの中に、他のインタラクティブコンテンツを含めてはいけない