HTML5 要素の分類その1.〜フローコンテンツ〜
2013年06月11日
HTML5って、複雑な事をしそうですが、実はそんなにもないんです。
各要素は「必ずこの中のどれかひとつに該当する」というわけではなく、複数のカテゴリに含まれる要素もあれば、どのカテゴリにも分類されない要素もあります。
今回はフローコンテンツの分類を下記に書いてみました。
フローコンテンツは段落やテキスト等の内容を含むコンテンツ全てのことです。
htmlx head title meta base link style script noscript
body section h1 h2 h3 h4 h5 h6 hgroup nav article aside header footer address
div p ul ol li dl dt dd blockquote pre figure figcaption hr br wbr span a em strong small
q cite dfn abbr time b i mark sub sup code var samp kbd bdo ruby rt rp ins del img object
param map area embed iframe audio video source canvas table caption tr th td thead
tbody tfoot col colgroup form input textarea button select datalist option opgroup fieldset
legend label progress meter output keygen details summary command menu テキスト
って感じです。
xhtml1.0やhtmlを扱っている方は気づいていると思いますが、フローコンテンツの中に、見慣れた分類がありますね。なので無理してhtml5を考えなくても、DOCTYPE宣言を一行入れるだけで、xhtml1.0を使ってもhtml5になるんです。
なんか融通がきいて嬉しいですね。
各要素は「必ずこの中のどれかひとつに該当する」というわけではなく、複数のカテゴリに含まれる要素もあれば、どのカテゴリにも分類されない要素もあります。
今回はフローコンテンツの分類を下記に書いてみました。
フローコンテンツは段落やテキスト等の内容を含むコンテンツ全てのことです。
htmlx head title meta base link style script noscript
body section h1 h2 h3 h4 h5 h6 hgroup nav article aside header footer address
div p ul ol li dl dt dd blockquote pre figure figcaption hr br wbr span a em strong small
q cite dfn abbr time b i mark sub sup code var samp kbd bdo ruby rt rp ins del img object
param map area embed iframe audio video source canvas table caption tr th td thead
tbody tfoot col colgroup form input textarea button select datalist option opgroup fieldset
legend label progress meter output keygen details summary command menu テキスト
って感じです。
xhtml1.0やhtmlを扱っている方は気づいていると思いますが、フローコンテンツの中に、見慣れた分類がありますね。なので無理してhtml5を考えなくても、DOCTYPE宣言を一行入れるだけで、xhtml1.0を使ってもhtml5になるんです。
なんか融通がきいて嬉しいですね。
