HTML5 콘텐츠 모델

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

1 개요[ | ]

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

<img src='http://dev.w3.org/html5/spec/images/content-venn.png' style='width:400px' />

2 카테고리[ | ]

2.1 Embedded[ | ]

  • (Embedded) canvas, math, svg
  • (Interactive Embedded) audio, video, object, embed, iframe, img

2.2 Interactive[ | ]

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

2.3 Phrasing[ | ]

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

2.4 Metadata[ | ]

  • (Metadata) base, link, meta, title
  • (Pharsing Metadata) command, script, noscript
  • (Flow Metadata) style

2.5 Heading[ | ]

2.6 Sectioning[ | ]

  • (Sectioning) article, aside, nav, section

2.7 Flow[ | ]

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

3 같이 보기[ | ]

4 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}