//콘텐츠 모델, Contents Model
- html5에서 html 요소들이 가지고 있는 성격에 따라 요소의 종류를 정의하는 규칙들을 그룹화한 것
1. Metadata Content
- 콘텐츠의 스타일(표현), 동작(스크립트)을 설정하거나 다른 문서와의 관계 등 정보를 포함하는 요소들이 포함된다.
- 대부분 <head>내에 들어간다.
~ base, link, meta, noscript, script, style, title
2. Flow Content
- 문서의 자연스러운 흐름에 의해 배치되는 요소들이 포함된다.
- 문서에 사용되는 요소 대부분
~ a, abbr, address, map>area, article, aside, audio, b, bdo, blockquote, br, button,canvas, cite, code, 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
3. Sectioning Content
- 문서의 구조와 관련된 요소들이 포함된다.
- 문서의 구조와 아웃라인에 영향을 준다.
~ article, aside, nav, section
4. Heading Content
- 각 세션을의 헤더를 정의하는 heading 태그가 포함된다.
~ h1, h2, h3, h4, h5, h6
5. Phrasing Content
- 문서의 텍스트 또는 텍스트를 꾸며주는 문단 내부 레벨로 사용되는 요소들이 포함된다.
~ a, abbr, map>area, audio, b, bdo, br, button, canvas, cite, code, 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
6. Embedded Content
- 이미지, 비디오 등 외부 콘텐츠를 표현하는 요소들이 포함된다.
~ audio, canvas, embed, iframe, img, math, object, svg, video
7. Interacitve Content
- 사용자와 상호작용하는 요소들이 포함된다.
~ a, audio[controls], button, details, embed, iframe, img[usemap], input, keygen, label, menu,object[usemap], select, textarea, video[controls]
'클라이언트 > HTML' 카테고리의 다른 글
| HTML 블록, 인라인 (0) | 2023.03.02 |
|---|---|
| HTML 시멘틱 마크업 (0) | 2023.03.01 |
| HTML 태그의 종류 (0) | 2023.02.28 |
| HTML 문법 (0) | 2023.02.26 |
| Visual Studio Code 프로그램 설치 및 기본 기능 익히기 (0) | 2023.02.26 |
