[콘텐츠 모델/시멘틱 마크업/블록&인라인] 콘텐츠 모델
HTML5에서는 요소들이 가지고 있는 성격에 따라 요소의 종류를 정의하는 규칙들이 있다.
요소는 이 규칙들을 준수해야 하며, 반드시 HTML 권고안을 따라야 한다.
이런 규칙에 대해 비슷한 성격의 요소들끼리 그룹화한 것이 콘텐츠 모델이며,
각각의 요소들은 하나 또는 여러 개의 콘텐츠 모델에 속하게 된다.
목차(Content Models의 7분류)
2. Flow Content
Metadata Content
Metadata에는 콘텐츠의 스타일, 동작을 설정하거나 다른 문서와의 관계 등 정보를 포함하는 요소들이 포함된다.
base, link, meta, nonscript, script, style, title 등과 같은 태그가 이에 해당하며 대부분 <head> 태그 내에 들어간다는 것이 특징이다.
Flow Content
Flow에는 문서의 자연스러운 흐름에 의해 배치되는 요소들이 포함된다.
Metadata에 해당되는 일부 태그들을 제외하고 대부분의 요소들이 Flow에 포함된다.
Sectioning Content
Sectioning에는 문서의 구조와 관련된 요소들이 포함된다.
HTML5에서 새로 생긴 <article>, <aside>, <nav>, <section> 등이 포함되며 이 태그들은 문서의 구조, 아웃라인에 영향을 주게 된다.
Heading Content
Heading에는 각 section의 header를 정의하는 heading 태그가 포함된다.
h1, h2, h3, h4, h5, h6 태그들이 포함된다.
Phrasing Content
Phrasing에는 문서의 텍스트 또는 텍스트를 꾸며주는 문단 내부 레벨로 사용되는 요소들이 포함된다.
a, b, br, button, img, input 태그들이 포함된다.
Embedded Content
Embedded에는 외부 콘텐츠를 표현하는 요소들이 포함되며 오디오나 비디오, 이미지 등 멀티미디어 관련 요소들이 포함된다.
audio, canvas, embed, iframe, img, math, object, svg, video 태그들이 포함된다.
Interactive Content
Interactive에는 사용자와 상호작용을 하는 요소들이 포함되며 대표적으로 form요소들이 이에 해당된다.
부스트코스의 강의 내용을 정리한 포스트입니다.
https://www.boostcourse.org/cs120
비전공자를 위한 HTML/CSS
부스트코스 무료 강의
www.boostcourse.org
'공부 > HTML과 CSS' 카테고리의 다른 글
| [콘텐츠 모델/시멘틱 마크업/블록&인라인] 블록&인라인 (0) | 2022.12.12 |
|---|---|
| [콘텐츠 모델/시멘틱 마크업/블록&인라인] 시멘틱 마크업 (0) | 2022.12.12 |
| [HTML 태그] 폼 요소 (0) | 2022.12.09 |
| [HTML 태그] 테이블 요소 (0) | 2022.12.08 |
| [HTML 태그] 이미지 요소 (0) | 2022.12.07 |
