콘텐츠 모델 Metadata, Flow, Sectioning, Heading, Phrasing, Embedded, Interactive

Robyn·2023년 4월 6일
0

HTML 요소들이 가지고 있는 성격에 따라 요소의 종류를 정의하는 규칙들이 있다. 이런 규칙들을 그룹화시켜놓은 것이 콘텐츠 모델이다.


Metadata
콘텐츠의 style(표현), script(동작)를 설정하거나 다른 문서와의 관계 등의 정보를 포함하는 요소

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

대부분이 head 태그 내에 들어가는 태그들


Flow 모델
문서에 사용되는 대부분의 요소

일부 metadata 태그들만 여기서 빠지고 있다.


Sectioning
heading과 footer의 범위를 결정하는 요소. 아웃라인이 있음.

article, aside, nav, section
대부분이 HTML5 새로 생긴 태그들.


Heading 모델
섹션의 헤더를 정의하는 요소

h1, h2, h3, h4, h5, h6


Phrasing 모델
문서의 텍스트이며 문단 내부 레벨로 마크업하는 요소
b, i, br, a 등


Embeded 모델
이미지, 비디오, 플래시 등 외부 콘텐츠를 문서 내에 표현하는 요소

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

모두 Phrasing 모델


Interactive 모델
사용자와 상호작용을 하는 요소
a, audio, button, details, img, iframe, label, input, select, textarea, video

0개의 댓글