html5 コンテンツモデルは7個に分類される

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です