"HTML5 콘텐츠 모델"의 두 판 사이의 차이

2017년 6월 27일 (화) 03:52 기준 최신판

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

1 개요[ | ]

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

2 카테고리[ | ]

2.1 Embedded[ | ]

HTML5 임베디드 요소 문서를 참고하십시오.

(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[ | ]

HTML5 문서 구조화 요소 문서를 참고하십시오.

(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 참고[ | ]

@@ 5번째 줄: / 5번째 줄: @@
 *어떤 요소가 어떤 콘텐츠 또는 요소를 포함할 수 있는지에 관한 정의
-http://dev.w3.org/html5/spec/images/content-venn.png
+<img src='http://dev.w3.org/html5/spec/images/content-venn.png' style='width:400px' />
-==구성요소==
+==카테고리==
 ===Embedded===
+{{참고|HTML5 임베디드 요소}}
 *(Embedded) canvas, math, svg
-*(Interactive Embedded) audio, video, object, embed, iframe, img
+*(Interactive Embedded) [[audio]], video, object, embed, iframe, img
 ===Interactive===
 *(Interactive) menu
-*(Interactive Embedded) audio, video, object, embed, iframe, img
+*(Interactive Embedded) [[audio]], video, object, embed, iframe, img
 *(Pharsing Interactive) a, label, select, textarea, input, button, keygen, details
 ===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
+*(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
@@ 29번째 줄: / 30번째 줄: @@
 *(Flow Metadata) style
-===Heading===
+===[[Heading]]===
-*(Heading) h1, h2, h3, h4, h5, h6, hgroup
+*[[h1, h2, h3, h4, h5, h6]]
+*[[hgroup]]
-===Sectioning===
+===[[Sectioning]]===
-*(Sectioning) article, aside, nav, section
+{{참고|HTML5 문서 구조화 요소}}
+*(Sectioning) article, aside, nav, [[section]]
 ===Flow===
-*(Flow) div, p, hr, blockquote, br, figure, ol, ul, pre, form, fieldset, output, progress, meter, datalist
+*(Flow) [[div]], p, hr, [[blockquote]], br, figure, ol, ul, pre, form, fieldset, output, progress, meter, datalist
 *(Pharsing Metadata) command, script, noscript
 *(Flow Metadata) style
@@ 48번째 줄: / 51번째 줄: @@
 ==같이 보기==
+*[[HTML5 문서 구조화 요소]]
 *[[HTML5 아웃라인 알고리즘]]
+*[[HTML 블록 요소, 인라인 요소]]
-==참고 자료==
+==참고==
+*http://dev.w3.org/html5/html-author/
 *http://www.w3.org/TR/2011/WD-html5-20110113/content-models.html
 [[분류:HTML5]]