HTML5で追加された概念: コンテンツモデル,カテゴリ

/ HTML5/CSS3/jQuery / Comment[0]

HTML5で新たに追加された概念としてコンテンツモデルとカテゴリというものがあります。
以前はインラインとブロックの2つしかありませんでしたが、5ではタグごとに更に細かい意味が定義されています。
http://www.w3.org/TR/html5-author/content-models.html#content-models

コンテンツモデル

どの要素の中に何を含めることができるのかを定義したものです。
例えばhtmlタグの外に要素を含めたり、headの外にmeta要素を含めたりなどはコンテンツモデルに違反しているといえます。 イレギュラーに対するブラウザの解釈は様々なので、コンテンツモデルを順守することにより、マークアップが正確なものとなりブラウザごとの表示が統一され、SEO的にも精神衛生的にもより良いサイトができるでしょう。

カテゴリの種類

HTML5では要素の文書構造の意味で分類したカテゴリという概念が存在します。
要素は複数のカテゴリに属することもあります。

以前はインラインとブロックの2つの概念があり、インラインの中にはブロックを含むことができませんでしたがHTML5ではインライン・ブロック要素は廃止されました。

http://www.w3.org/TR/html5-author/content-models.html#kinds-of-content

メタデータコンテンツ Metadata
HTMLのメタデータやスタイルに関する要素です。
  • base
  • command
  • link
  • meta
  • noscript
  • script
  • style
  • title
フローコンテンツ Flow
body中で記述されるほとんどの要素がフローコンテンツに属しています。多すぎるので主に使うものだけ挙げてみます。
  • a
  • article
  • aside
  • b
  • blockquote
  • br
  • code
  • del
  • div
  • dl
  • em
  • embed
  • form
  • h1~6
  • header
  • iframe
  • img
  • input
  • ins
  • label
  • map
  • nav
  • noscript
  • object
  • ol
  • p
  • pre
  • progress
  • q
  • script
  • section
  • span
  • strong
  • table
  • textarea
  • u
  • ul
セクショニングコンテンツ Sectioning
文書の区分けを表す要素です。
  • article
  • aside
  • nav
  • section
ヘッディングコンテンツ Heading
h1~h6タグのことで、h1~h6タグ間はセクションとして認識されます。
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
フレージングコンテンツ Phrasing
テキスト要素です。
  • a
  • b
  • br
  • button
  • code
  • del
  • em
  • embed
  • i
  • iframe
  • img
  • map
  • noscript
  • script
  • span
  • strong
  • textarea
  • u
エンベディッドコンテンツ Embedded
外部ファイルを埋め込む要素が属します。
  • audio
  • canvas
  • embed
  • iframe
  • img
  • math
  • object
  • svg
  • video
インタラクティブコンテンツ Interactive
ユーザが操作することで双方向にアクションを起こす要素が属します。
  • a
  • audio
  • buttom
  • details
  • embed
  • iframe
  • img
  • input
  • keygen
  • label
  • menu
  • object
  • select
  • textarea
  • video
パルパブルコンテンツ
コンテンツモデルがフローコンテンツまたはフレージングコンテンツを含むことが可能な要素のことです。hidden属性が指定されていない要素をひとつ以上必要とします。
トランスペアレント
コンテンツモデルは親から子へ継承します。
関連記事

コメント

:
:
:
:
:
管理人のみ表示を許可