현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

각각의 HTML 요소는 자신이 가질수 있는 내용의 종류를 정의하는 규칙을 준수해야합니다. 이 규칙들은 여러 요소들의 공통의 컨텐츠 모델로 그룹화됩니다. 각각의 HTML 요소는 하나,또는 여러개의 컨텐츠 모델에 속해 있으며, 각각의 HTML 룰 설정에 대해서는 반드시 HTML 권고안을 따라야 합니다.

컨텐츠 범주의 종류에는 다음 세가지가 있습니다:

  • 메인 컨텐츠 범주, 여러 요소들이 서로 공유하는 일반적인 컨텐츠 규칙을 설명합니다.
  • 폼 관련 컨텐츠 범주, 폼 관련 요소에 공통된 컨텐츠 규칙들을 설명합니다.
  • 특정 컨텐츠 범주, 일부 요소만 공유하는 특정 한 범주를 설명하며, 특정 상황에서만 가능합니다.
Content_categories_venn.png

메인 컨텐츠 범주

메타데이터 컨텐츠

메타 데이터 컨텐츠 범주에 속한 요소는 문서의 표현이나 동작을 수정하거나 다른 문서에 대한 링크를 설정하거나 다른 대역 외 정보를 전달합니다.

이 범주에 속한 요소들 : <base>, <command>, <link>, <meta>, <noscript>, <script>, <style> and <title>.

플로우 컨텐츠

플로우 컨텐츠 범주에 속한 요소들은 전형적으로 텍스트나 임베디드된 컨텐츠를 포함합니다. 해당 요소에는: <a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi>, <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <command> , <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <keygen> , <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object>, <ol>, <output>, <p>, <pre>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <section>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <table>, <template>, <textarea>, <time>, <ul>, <var>, <video>, <wbr> 그리고 텍스트가 있습니다.

특정 조건이 충족된 경우에만 이 범주에 속하는 몇가지 요소입니다 :

구획 컨텐츠

섹션 컨텐츠 모델에 속한 엘리먼트는 <header> 엘리먼트 , <footer> 엘리먼트 및 제목 컨텐츠 내용의 범위를 정의 하는 섹션을 만듭니다. 

이 카테고리에 속한 엘리먼트는 다음과 같습니다. <article>, <aside>, <nav> 그리고 <section>.

참고: 이 컨텐츠 모델을 일반 내용 구분과  sectioning root 범주와 혼동하지 마시오.

제목 컨텐츠

제목 컨텐츠는 명시적인 섹션 컨텐츠에 사용 되거나 제목컨텐츠 자체에 의해 암시적으로 정의되는 섹션의 제목을 정의합니다.

제목 컨텐츠에 속하는 엘리먼트는 다음과 같스니다 <h1>, <h2>, <h3>, <h4>, <h5>, <h6> 그리고 <hgroup>.

참고: 일부 제목 컨텐츠가 포함될 가능성이 있지만,  <header> 엘리먼트 에는 정의되지 않습니다.

참고: <hgroup> 엘리먼트는 W3C명세에서 삭제되었으며, WahtWG 에서만 존재합니다.
이론적인 시멘틱 마크업만 가능합니다.

 

구문 컨텐츠

구문 컨텐츠는 텍스트 혹은 텍스트를 포함한 마크업을 정의합니다. 어구의 시작은 구문을 정의합니다.

구문 컨텐츠에 속하는 엘리먼트는 다음과 같습니다 <abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command> , <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen> , <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr> 그리고 일반 텍스트(공백으로 이루어지지 않은).

특정 조건이 충족된 경우에만 이 범주에 속하는 몇가지 요소입니다 :

  • <a>, 구문 컨텐츠만 포함한 경우
  • <area>,  <map> 의 자손인 경우.
  • <del>,  구문 컨텐츠만 포함한 경우
  • <ins>, 구문 컨텐츠만 포함한 경우
  • <link>, itemprop 속성을 가지고 있는 경우.
  • <map>, 구문 컨텐츠만 포함한 경우
  • <meta>, itemprop 속성을 가지고 있는 경우.

내장형 컨텐츠

마크업 언어 혹은 문서공간에 외부 리소스를 포함합니다.

이 카테고리에 속하는 엘리먼트는 다음과 같습니다 : <audio>, <canvas>, <embed>, <iframe>, <img>, <math>, <object>, <svg>, <video>.

대화형 컨텐츠

대화영 컨텐츠 는 유저 인터렉션을 위해 특별하게 설계된 엘리먼트를 포함합니다.

 이 카테고리에 속하는 엘리먼트는 다음과 같습니다 : <a>, <button>, <details>, <embed>, <iframe>, <keygen>, <label>, <select>, and <textarea>.


특정 조건이 충족된 경우에만 이 범주에 속하는 몇가지 요소입니다:

뚜렷한 컨텐츠

컨텐츠가 비어있거나 숨김 상태일때도 뚜렷한 컨텐츠 입니다.
엘리먼트가 최소 한개의 노드를 가지고 있는 플로우컨텐츠 혹은 구문 컨텐츠 일때 이 범주에 속합니다.

 

폼 관련 구성 컨텐츠

폼 관련 구성 컨텐츠 엘리먼트는 form 을 소유자로 삼으며, form 속성에 의해 표현됩니다. form 소유자는 <form> 엘리먼트거나 id가 form 속성에 지정된 엘리먼트 입니다.

 이 카테고리에는 하위 카테고리가 존재합니다 :

listed
form.elements 및 fieldset.elements IDL collections 에 나열된 요소. 내용 <button>, <fieldset>, <input>, <keygen>, <object>, <output>, <select>, 그리고 <textarea>.
labelable
<label> 엘리먼트와 연결할수 있는 엘리먼트. 내용 <button>, <input>, <keygen>, <meter>, <output>, <progress>, <select>, 그리고 <textarea>.
submittable
form을 제출할때 formdata를 구성할수 있는 엘리먼트. 내용 <button>, <input>, <keygen>, <object>, <select>, 그리고 <textarea>.
resettable
form 을 reset 할때 영항을 받는 엘리먼트. 내용 <input>, <keygen>, <output>,<select>, 그리고 <textarea>.

투명 컨텐츠 모델

엘리먼트에 투명한 컨텐츠 모델이 있는경우,투명한 엘리먼트가 제거되고 자식 엘리먼트로 교체되더라도 반드시 HTML5 구조에 따라야 합니다.

예를 들어, <del><ins> 요소는 투명합니다:

<p>We hold these truths to be <del><em>sacred &amp; undeniable</em></del> <ins>self-evident</ins>.</p>

이러한 엘리먼트가 제거되더라도 이 부분은 유요한 HTML 입니다.(올바른 영어가 아닌 경우).

<p>We hold these truths to be <em>sacred &amp; undeniable</em> self-evident.</p>

다른 컨텐트 모델

Sectioning root.

문서 태그 및 공헌자

태그: 
 이 페이지의 공헌자: lovefield, Kaben, azunyan3
 최종 변경: lovefield,