Content Model
콘텐츠 모델이란 HTML의 각 요소가 어떠한 성격을 가지고 있으며,
어떤 역할을 하는지에 대한 그룹을 분류한 것을 말한다.
HTML5의 Content Model과 사용성격
|
Content Group |
Element의 사용 성격 |
|
Flow Group |
웹 페이지에 표시되는 콘텐츠 전반 요소 |
|
Heading Group |
페이지 또는 문단의 제목으 표시하는 요소 |
|
Sectioning Group |
내용의 범위를 구분하는 요소 |
|
Phrasing Group |
태그안에 내용을 직접 출력하는 요소와 텍스트 |
|
Embedded Group |
외부의 요소를 불러들여 표시하는 요소 |
|
Interactive Group |
사용자와 상호 작용을 하는 요소 |
|
Metadata Group |
메타 정보를 제공하는 요소 |
*중복도 될수가 있다는거~
Flow Group
웹 페이지상에 직접 표시되지 않는 일부 메타 데이터를 제외하고 모든 요소
Heading Group
<h1>~<h6>만 포함되는 <hgroup>라는 태그가 새롭게 나옴
Sectioning Group
<article>,<aside>,<nav>,<section>이 포함되어있다. 콘텐츠 요소를 그룹화하는 데 있어서 <div>와 가깝다고 생각하겠지만, HTML의 정보 구조를 구성하는 역할이기에 Heading Group에 더 가깝다 볼수있다.
Phrasing Group
다른 요소를 콘텐츠로 포함하지 않는 요소 <em>,<span>,<strong>과 같이 text를 직접 표시하거나
<img>,<input>과 같이 대체되는 요소에 속하게 된다. 그리고 조건부 <a>와 같은 몇몇 요소들도 포함이 될때가 있다.
Embedded Group
<img>,<iframe>,<video>,<canvas>등과 같이 외부자원을 웹페이지에 포함하는 요소이다. 또한 HTML 요소가 아닌 다른 언어로 표시된 SVG와 같은 요소도 속하게 된다
Interactive Group
사용자와 상호작용하는 <a>,<button>,<testarea>의 요소들이다.
예를 들어 <input>이 hidden처리가 되어있으면 포함 되지않고, <img>에 usemap이 걸려있다면 포함이 될수있다.
Metadata Group
웹 브라우져상에 표시되지 않는 <meta>,<title>,<link>와 같은 메타정보를 제공하는 요소들을 이야기한다
출처,
올인원웹실무가이드 HTML5&CSS3 , 제우미디어