HTML : 콘텐츠 카테고리 (Contents Category)
콘텐츠 카테고리 (Contents Category)
- HTML5부터 비슷한 특징을 가진 요소끼리 묶어서 7가지 카테고리로 세분화를 했다.
- 하나의 HTML요소가 여러 콘텐츠 카테고리 내의 포함관계에 들어갈 수 있다.
- 플로우(Flow) 콘텐츠면서 섹션(Sectioning) 콘텐츠 일수 있다.
메타데이터 콘텐츠(Metadata Content)
: 문서의 메타데이터(정보)
다른 문서를 가리키는 링크 등을 나타내는 요소 대부분 <head>에 위치함
플로우 콘텐츠(Flow Content)
: 웹페이지 상의 메타데이터를 제외하고 거의 모든 요소
보통 텍스트나 임베디드(Embedded) 콘텐츠를 포함
대부분 <body> 요소들이 플로우 콘텐츠이며 물 흐르듯이 웹문서의 흐름에 맞춰 배치가 되어있는 요소
섹션 콘텐츠 (Section Content)
: 웹 문서의 구획(Section)을 나눌 때 사용
웹문서의 레이아웃을 나눌 때 사용한다.
헤딩 콘텐츠 (Heading Content)
: 섹션의 제목(Heading)과 관련된 요소
프레이징 콘텐츠 (Phrasing Content)
: 문단에서 텍스트를 마크업 할 때 사용
텍스트 간의 간격이나 사이즈 등 마크업 할때 프레이징 콘텐츠를 사용
임베디드 콘텐츠 (Embedded Content)
: 이미지나 비디오 등 외부 소스를 가져오거나 삽입할 때 사용
인터렉티브 콘텐츠 (Interactive Content)
: 버튼을 사용하는 등 사용자와의 상호작용을 위한 콘텐츠 요소
3.2.5 Content models — HTML5
Each element defined in this specification has a content model: a description of the element's expected contents. An HTML element must have contents that match the requirements described in the element's content model. The space characters are always allow
dev.w3.org
'STUDY > HTML' 카테고리의 다른 글
| HTML : 본문 - <p> (0) | 2022.04.12 |
|---|---|
| HTML : 구획 제목 요소 (heading) - <h1> ~ <h6> (0) | 2022.04.12 |
| HTML : 블록(Block)요소 와 인라인(Inline)요소 (0) | 2022.04.12 |
| HTML : <head> 와 <body> 태그 (0) | 2022.04.12 |
| HTML : HTML문서의 구조 (0) | 2022.04.12 |