HTML5 콘텐츠 모델

HTML5 contents model

HTML5 콘텐츠 모델, HTML5 카테고리

1 개요

• 어떤 요소가 어떤 콘텐츠 또는 요소를 포함할 수 있는지에 관한 정의

 

2 구성요소

2.1 Metadata

• base, command, link, meta, noscript, script, style, title

2.2 Embedded

• audio, canvas, embed, iframe, img, math, object, svg, video

2.3 Interactive

• a
• (Embedded) iframe, img, embed, object, video, audio
• label, select, textarea, input, keygen, button, details, menu

2.4 Heading

• h1, h2, h3, h4, h5, h6, hgroup

2.5 Phrasing

• script, noscript, br
• a, abbr, strong, em, small, cite, q, dfn, time, code, var, samp, kbd, sub, sup, b, i, mark, ruby, bdo, span, wbr, ins, del
• (Embedded) img, map, area, iframe, embed, object, canvas, video, audio
• label, input, button, select, textarea, keygen, output, progress, meter
• command, details, math, svg
• datalist, link, meta

2.6 Flow

• script, noscript, style
• article, section, nav, aside, header, footer, address
• h1, h2 ,h3, h4, h5, h6, hgroup
• div, p, hr, blockquote, br, figure, ol, ul, pre
• a, abbr, strong, em, small, cite, q, dfn, time, code, var, samp, kbd, sub, sup, b, i, mark, ruby, bdo, span, wbr, ins, del
• (Embedded) table, img, map, area, iframe, embed, object, canvas, video, audio
• form, fieldset, label, input, button, select, textarea, keygen, output, progress, meter, datalist
• command, menu, details, math, svg
• 기타: dl, link, meta

2.7 Sectioning

• article, aside, nav, section

3 같이 보기

• HTML5 아웃라인 알고리즘

4 참고 자료

• http://www.w3.org/TR/2011/WD-html5-20110113/content-models.html