MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

콘텐츠 범주

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

각각의 HTML 요소는 자신이 가질수 있는 내용의 종류를 정의하는 규칙을 준수해야합니다. 이 규칙들은 여러 요소들의 공통의 컨텐츠 모델로 그룹화됩니다. Each HTML element belongs to zero, one, or multiple content models, each setting rules that the element's content must follow in an HTML-conformant document.

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

  • 메인 컨텐츠 범주, 여러 요소들이 서로 공유하는 일반적인 컨텐츠 규칙을 설명합니다.
  • 폼 관련 컨텐츠 범주, 폼 관련 요소에 공통된 컨텐츠 규칙들을 설명합니다.
  • 특정 컨텐츠 범주, which describe rare categories shared only by a few elements, sometimes only in a specific context.
Content_categories_venn.png

메인 컨텐츠 범주

메타데이터 컨텐츠

메타데이터 컨텐츠 범주에 속하는 요소들은 modify the presentation or the behavior of the rest of the document, set up links to other documents, or convey other out of band information.

이 범주에 속한 요소들 : <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> 그리고 텍스트가 있습니다.

A few other elements belong to this category, but only if a specific condition is fulfilled:

구획 컨텐츠

Elements belonging to the sectioning content model create a section in the current outline that defines the scope of  <header> elements, <footer> elements, and heading content.

Elements belonging to this category are <article>, <aside>, <nav> and <section>

Note: Do not confuse this content model with the sectioning root category, which isolates its content from the regular outline.

제목 컨텐츠

Heading content defines the title of a section, whether marked by an explicit sectioning content element or implicitly defined by the heading content itself.

Elements belonging to this category are <h1>, <h2>, <h3>, <h4>, <h5>, <h6> and <hgroup>.

참고: Though likely to contain some heading content, the <header> is not heading content itself.

구문 컨텐츠

Phrasing content defines the text and the mark-up it contains. Runs of phrasing content make up paragraphs.

Elements belonging to this category are <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> and plain text (not only consisting of white spaces characters).

A few other elements belong to this category, but only if a specific condition is fulfilled:

  • <a>, if it contains only phrasing content
  • <area>, if it is a descendant of a <map> element
  • <del>, if it contains only phrasing content
  • <ins>, if it contains only phrasing content
  • <link>, if the itemprop attribute is present
  • <map>, if it contains only phrasing content
  • <meta>, if the itemprop attribute is present

포함된 컨텐츠

Embedded content imports another resource or inserts content from another mark-up language or namespace into the document. Elements that belong to this category include: <audio>, <canvas>, <embed>, <iframe>, <img>, <math>, <object>, <svg>, <video>.

대화형 컨텐츠

 Interactive content includes elements that are specifically designed for user interaction. Elements that belong to this category include: <a>, <button>, <details>, <embed>, <iframe>, <keygen>, <label>, <select>, and <textarea>.
Some elements belong to this category only under specific conditions:

폼-관련 컨텐츠

Form-associated content comprises elements that have a form owner, exposed by a form attribute. A form owner is either the containing <form> element or the element whose id is specified in the form attribute.

 This category contains several sub-categories:

listed
Elements that are listed in the form.elements and fieldset.elements IDL collections. Contains <button>, <fieldset>, <input>, <keygen>, <object>, <output>, <select>, and <textarea>.
labelable
Elements that can be associated with <label> elements. Contains <button>, <input>, <keygen>, <meter>, <output>, <progress>, <select>, and <textarea>.
submittable
Elements that can be used for constructing the form data set when the form is submitted. Contains <button>, <input>, <keygen>, <object>, <select>, and <textarea>.
resettable
Elements that can be affected when a form is reset. Contains <input>, <keygen>, <output>,<select>, and <textarea>.

투명 컨텐츠 모델

If an element has a transparent content model, then its contents must be structured such that they would be valid HTML 5, even if the transparent element were removed and replaced by the child elements.

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

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

If those elements were removed, this fragment would still be valid HTML (if not correct English).

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

다른 컨텐트 모델

Sectioning root.

문서 태그 및 공헌자

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