html5 コンテンツモデルは7個に分類される
html5 コンテンツモデル
従来はインライン要素ブロック要素という概念でした。
これらの概念は廃止されました。
新しくコンテンツモデルという概念になりました。
コンテンツモデルとはhtml5の要素ごとにコンテンツを含めるかをグループ化したものです。
html5の各要素は単一、または複数のカテゴリーに分類できます。
メタデータコンテンツ
ブラウザ上に表示されない。メタデータやスタイルに関するコンテンツです。
通常はhead要素内に配置される要素です。
メタデータコンテンツの要素
base
command
link
meta
noscript
script
style
title
フローコンテンツ
htmlドキュメントやwebアプリケーションに使用されるコンテンツ全般です。
ほとんどの要素がこのコンテンツに含まれます。
a
abbr
address
area
article
aside
audio
b
bdo
code
command
datelist
del
details
dfn
dialog
dib
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
objext
ol
ruby
samp
script
sextion
select
small
span
strong
style
sub
sup
svg
table
textarea
time
ul
var
video
text
セクショニングコンテンツ
章や節の見出しや内容を表す範囲を定義するコンテンツ
セクショニングコンテンツ
article
aside
nav
section
ヘッディングコンテンツ
セクションの見出しを定義するコンテンツ
h1
h2
h3
h4
h5
h6
hgroup
フレージングコンテンツ
htmlドキュメントのテキストのことです。
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
samp
sub
sup
svg
textarea
time
var
video
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