본문 바로가기
웹표준/HTML5 훑어보기

HTML5 콘텐트 모델

by 샷타이거 2015. 2. 21.

HTML5 콘텐트 모델

HTML5의  각  요소들은  특성에  따라  분류된다.  한요소가  어떤  분류에도 속하지 않을 수도 있고 여러 분류에 속해있을 수도 있다. 분류는 아래 이미지와 같이 분포하고 있다.(이미지는 원본에서 확인가능하며 표로 정리된 것만을 발췌하였습니다.)


분류

특성

엘리먼트 

메타데이타 콘텐트

(metadata content)

콘텐츠의  모양,  동작을  설정하거나  다른  문서와의  관계를 나타낸다.

 base, command, link, meta, nocript, script, style, title

플로우 콘텐트

(flow content)

대부분의 body 요소 안의 요소들이 포함된다. 플로우 콘텐트는 하위에 텍스트나 임베디드 콘텐트를 포함한다.

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

섹셔닝 콘텐트

(sectioning content)

header와 footer의 범위를 결정하는 요소이다. 모든 섹셔닝 콘텐트는 헤딩과 아웃라인을 가지고 있다.

article, aside, nav, section 

헤딩 콘텐트

(heading content)

섹선의 헤더를 의미한다.

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

프레이징 콘텐트

(phrasing content)

문서의 텍스트를 의미한다. 프레이징 콘텐트는 하위에 텍스트나 임베디드 콘텐트를 포함한다.

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

임베디드 콘텐트

(embedded content)

이미지, 비디오, 플래시 등 외부 콘텐트를 문서 내에 표현한다.

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

인터랙티브 콘텐트

(interactive content)

사용자와 상호작용하는 요소들이다.

a, audio[controls], button, details, embed, iframe, img[usemap], input, keygen, label, menu, object[usemap], select, textarea, video[controls]

트랜스패런트 콘텐트

(transparent content)

부모 요소의 콘텐트에 따라 포함하는 콘텐트의 분류가 바뀌는 요소를 말한다.

 


댓글