path: root/files/pt-br/web/guide/html/content_categories/index.html

---
title: Categorias de conteúdo
slug: Web/Guide/HTML/Content_categories
tags:
  - Avançado
  - Guía
  - HTML
  - HTML5
  - NeedsUpdate
  - Web
translation_of: Web/Guide/HTML/Content_categories
original_slug: Web/Guide/HTML/Categorias_de_conteudo
---
<p><span class="seoSummary">Cada elemento HTML deve permanecer, por regras, definindo que tipo de conteúdo ele pode ter. Essas regras estão agrupadas em modelos de conteúdo para muitos elementos. Cada elemento HTML pertence a nenhum, um, ou múltiplos modelos de conteúdo, cada regra de definição que o conteúdo do elemento deve seguir em um documento HTML.</span></p>

<p>Há três tipos de categorias de conteúdo:</p>

<ul>
 <li>Principais categorias de conteúdo, as quais descrevem regras comuns de conteúdo compartilhado por vários elementos;</li>
 <li>Categorias de conteúdo relacionado, as quais decrevem regras comuns de conteúdo para elementos relacioados;</li>
 <li>Categorias de conteúdo específico, as quais descrevem categorias raras compartilhadas somente por poucos elementos, às vezes apenas em um contexto específico.</li>
</ul>

<div style="width: 50%;"><a href="/@api/deki/files/6244/=Content_categories_venn.png" title="Content_categories_venn.png"><img alt="Content_categories_venn.png" class="default internal" src="/@api/deki/files/6244/=Content_categories_venn.png?size=webview" style="height: 200px; width: 350px;"></a></div>

<h2 id="Principais_categorias_de_conteúdo">Principais categorias de conteúdo</h2>

<h3 id="Conteúdo_de_metadados">Conteúdo de metadados</h3>

<p>Os elementos pertencentes a categoria <em>conteúdo de metadados </em>modificam a apresentação ou o comportamento do resto do documento, define ligações para outros documentos ou transmite outras informações <em>fora da banda.</em></p>

<p>Os elementos pertencentes a essa categoria são {{HTMLElement("base")}}, {{HTMLElement("command")}}, {{HTMLElement("link")}}, {{HTMLElement("meta")}}, {{HTMLElement("noscript")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} e {{HTMLElement("title")}}.</p>

<h3 id="Conteúdo_de_fluxo"><a name="flow_content">Conteúdo de fluxo</a></h3>

<p>Elementos pertencentes a categoria de conteúdo de fluxo tipicamente contém texto ou conteúdo embutido. Eles são: {{HTMLElement("a")}}, {{HTMLElement("abbr")}}, {{HTMLElement("address")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("audio")}}, {{HTMLElement("b")}},{{HTMLElement("bdo")}}, {{HTMLElement("bdi")}}, {{HTMLElement("blockquote")}}, {{HTMLElement("br")}}, {{HTMLElement("button")}}, {{HTMLElement("canvas")}}, {{HTMLElement("cite")}}, {{HTMLElement("code")}}, {{HTMLElement("command")}}, {{HTMLElement("data")}}, {{HTMLElement("datalist")}}, {{HTMLElement("del")}}, {{HTMLElement("details")}}, {{HTMLElement("dfn")}}, {{HTMLElement("div")}}, {{HTMLElement("dl")}}, {{HTMLElement("em")}}, {{HTMLElement("embed")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("figure")}}, {{HTMLElement("footer")}}, {{HTMLElement("form")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("header")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("hr")}}, {{HTMLElement("i")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{HTMLElement("input")}}, {{HTMLElement("ins")}}, {{HTMLElement("kbd")}}, {{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("main")}}, {{HTMLElement("map")}}, {{HTMLElement("mark")}}, {{MathMLElement("math")}}, {{HTMLElement("menu")}}, {{HTMLElement("meter")}}, {{HTMLElement("nav")}}, {{HTMLElement("noscript")}}, {{HTMLElement("object")}}, {{HTMLElement("ol")}}, {{HTMLElement("output")}}, {{HTMLElement("p")}}, {{HTMLElement("pre")}}, {{HTMLElement("progress")}}, {{HTMLElement("q")}}, {{HTMLElement("ruby")}}, {{HTMLElement("s")}}, {{HTMLElement("samp")}}, {{HTMLElement("script")}}, {{HTMLElement("section")}}, {{HTMLElement("select")}}, {{HTMLElement("small")}}, {{HTMLElement("span")}}, {{HTMLElement("strong")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{SVGElement("svg")}}, {{HTMLElement("table")}}, {{HTMLElement("template")}}, {{HTMLElement("textarea")}}, {{HTMLElement("time")}}, {{HTMLElement("ul")}}, {{HTMLElement("var")}}, {{HTMLElement("video")}}, {{HTMLElement("wbr")}} e Text.</p>

<p>Alguns outros elementos pertencem a essa categoria, mas somente se uma condição específica é realizada:</p>

<ul>
 <li>{{HTMLElement("area")}}, se for um descendente de um elemento {{HTMLElement("map")}}</li>
 <li>{{HTMLElement("link")}}, se o atributo <strong><a href="/en-US/docs/HTML/Global_attributes#attr-itemprop" title="HTML/Global attributes#itemprop">itemprop</a> </strong>estiver presente</li>
 <li>{{HTMLElement("meta")}}, se o atributo <a href="/en-US/docs/HTML/Global_attributes#attr-itemprop" title="HTML/Global attributes#itemprop"><strong>itemprop</strong></a> estiver presente</li>
 <li>{{HTMLElement("style")}}, se o atributo {{htmlattrxref("scoped","style")}} estiver presente</li>
</ul>

<h3 id="Conteúdo_de_seccionamento">Conteúdo de seccionamento</h3>

<p>Os elementos pertencentes ao modelo de conteúdo de seccionamento criam uma <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">seção no esboço atual</a> que define o escopo dos elementos {{HTMLElement("header")}}, elementos {{HTMLElement("footer")}} e na <a href="#Heading_content" title="#heading content">conteúdo do cabeçalho</a>.</p>

<p>Elementos pertencentes a essa categoria são {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("nav")}} e {{HTMLElement("section")}}. </p>

<div class="note">
<p><em>Nota:</em> Não confunda esse modelo de conteúdo com a categoria de <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#sectioning_root" title="Sections and Outlines of an HTML5 document#sectioning root">seccionamento raiz</a> que isola seus conteúdos dos esboços regulares.</p>
</div>

<h3 id="Conteúdo_do_cabeçalho">Conteúdo do cabeçalho</h3>

<p>O conteúdo do cabeçalho define o título de uma seção, se é marcada por um explícito elemento do <a href="#Sectioning_content" title="#sectioning content">conteúdo de seccionamento</a> ou implicitamente definido pelo próprio conteúdo do cabeçalho.</p>

<p>Os elementos pertencentes a essa categoria são {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}} e {{HTMLElement("hgroup")}}.</p>

<div class="note">
<p><em>Note:</em> Embora provavelmente contenha algum conteúdo do cabeçalho, o {{HTMLElement("header")}} não faz parte do conteúdo do cabeçalho em si.</p>
</div>

<h3 id="Conteúdo_fraseado">Conteúdo fraseado</h3>

<p>O conteúdo fraseado define o texto e a marcação que ele contém. Séries de conteúdos fraseados compõem parágrafos.</p>

<p>Os elementos pertencentes a essa categoria são {{HTMLElement("abbr")}}, {{HTMLElement("audio")}}, {{HTMLElement("b")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("button")}}, {{HTMLElement("canvas")}}, {{HTMLElement("cite")}}, {{HTMLElement("code")}}, {{HTMLElement("command")}}, {{HTMLElement("datalist")}}, {{HTMLElement("dfn")}}, {{HTMLElement("em")}}, {{HTMLElement("embed")}}, {{HTMLElement("i")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{HTMLElement("input")}}, {{HTMLElement("kbd")}}, {{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("mark")}}, {{MathMLElement("math")}}, {{HTMLElement("meter")}}, {{HTMLElement("noscript")}}, {{HTMLElement("object")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("q")}}, {{HTMLElement("ruby")}}, {{HTMLElement("samp")}}, {{HTMLElement("script")}}, {{HTMLElement("select")}}, {{HTMLElement("small")}}, {{HTMLElement("span")}}, {{HTMLElement("strong")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{SVGElement("svg")}}, {{HTMLElement("textarea")}}, {{HTMLElement("time")}}, {{HTMLElement("var")}}, {{HTMLElement("video")}}, {{HTMLElement("wbr")}} e texto simples (não consistindo somente de caracteres de espaço em branco).</p>

<p>Alguns outros elementos pertencem a essa categoria, mas somente se uma condição específica é realizada:</p>

<ul>
 <li>{{HTMLElement("a")}}, se contém somente conteúdo fraseado</li>
 <li>{{HTMLElement("area")}}, se for um descendente de um elemento {{HTMLElement("map")}}</li>
 <li>{{HTMLElement("del")}}, se contém somente conteúdo fraseado</li>
 <li>{{HTMLElement("ins")}}, se contém somente conteúdo fraseado</li>
 <li>{{HTMLElement("link")}}, se o atributo <a href="/en-US/docs/HTML/Global_attributes#attr-itemprop" title="HTML/Global attributes#itemprop"><strong>itemprop</strong></a> estiver presente</li>
 <li>{{HTMLElement("map")}}, se contém somente conteúdo fraseado</li>
 <li>{{HTMLElement("meta")}}, se o atributo <a href="/en-US/docs/HTML/Global_attributes#attr-itemprop" title="HTML/Global attributes#itemprop"><strong>itemprop</strong></a> estiver presente</li>
</ul>

<h3 id="Conteúdo_embutido">Conteúdo embutido</h3>

<p>O conteúdo embutido importa outro recurso ou insere conteúdo de uma outra linguagem de marcação no documento. Os elementos que pertencem a essa categoria incluem: {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("embed")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{MathMLElement("math")}}, {{HTMLElement("object")}}, {{SVGElement("svg")}} e {{HTMLElement("video")}}.</p>

<h3 id="Conteúdo_interativo"><a name="interactive_content">Conteúdo interativo</a></h3>

<p>O conteúdo interativo inclui elementos que são especificamente desenvolvidos para a interação do usuário. Os elementos que pertencem a essa categoria incluem: {{HTMLElement("a")}}, {{HTMLElement("button")}}, {{HTMLElement("details")}}, {{HTMLElement("embed")}}, {{HTMLElement("iframe")}}, {{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("select")}}, e {{HTMLElement("textarea")}}. Alguns elementos pertencem a essa categoria somente sob condições específicas:</p>

<ul>
 <li>{{HTMLElement("audio")}}, se o atributo {{htmlattrxref("controls", "audio")}} estiver presente</li>
 <li>{{HTMLElement("img")}}, se o atributo {{htmlattrxref("usemap", "img")}} estiver presente</li>
 <li>{{HTMLElement("input")}}, se o atributo {{htmlattrxref("type", "input")}} não estiver no modo escondido</li>
 <li>{{HTMLElement("menu")}}, se o atributo {{htmlattrxref("type", "menu")}} estiver no modo barra de ferramentas</li>
 <li>{{HTMLElement("object")}}, se o atributo {{htmlattrxref("usemap", "object")}} estiver presente</li>
 <li>{{HTMLElement("video")}}, se o atributo {{htmlattrxref("controls", "video")}} estiver presente</li>
</ul>

<h3 id="Conteúdo_associado_ao_form">Conteúdo associado ao <strong>form</strong></h3>

<p>O conteúdo associado ao <strong>form</strong> compreende elementos que têm um formulário de proprietário, exposto por um atributo <strong>form</strong>. Um formulário de proprietário é ou um elemento {{HTMLElement("form")}} ou o elemento o qual o ID é especificado no atributo <strong>form</strong>.</p>

<ul>
 <li>{{HTMLElement("button")}}</li>
 <li>{{HTMLElement("fieldset")}}</li>
 <li>{{HTMLElement("input")}}</li>
 <li>{{HTMLElement("keygen")}}</li>
 <li>{{HTMLElement("label")}}</li>
 <li>{{HTMLElement("meter")}}</li>
 <li>{{HTMLElement("object")}}</li>
 <li>{{HTMLElement("output")}}</li>
 <li>{{HTMLElement("progress")}}</li>
 <li>{{HTMLElement("select")}}</li>
 <li>{{HTMLElement("textarea")}}</li>
</ul>

<p> Essa categoria contém várias sub-categorias:</p>

<dl>
 <dt><a name="Form_listed">listed</a></dt>
 <dd>Elementos que estão listados nas coleções IDL <a href="/en-US/docs/DOM/form.elements" title="DOM/form.elements">form.elements</a> e fieldset.elements. Contém {{HTMLElement("button")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("input")}}, {{HTMLElement("keygen")}}, {{HTMLElement("object")}}, {{HTMLElement("output")}}, {{HTMLElement("select")}} e {{HTMLElement("textarea")}}.</dd>
 <dt><a name="Form_labelable">labelable</a></dt>
 <dd>Elementos que podem ser associados com elementos {{HTMLElement("label")}}. Contém {{HTMLElement("button")}}, {{HTMLElement("input")}}, {{HTMLElement("keygen")}}, {{HTMLElement("meter")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("select")}} e {{HTMLElement("textarea")}}.</dd>
 <dt><a name="Form_submittable">submittable</a></dt>
 <dd>Elementos que podem ser usados para construir o formulário de dados quando o formulário é enviado. Contém {{HTMLElement("button")}}, {{HTMLElement("input")}}, {{HTMLElement("keygen")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}}, e {{HTMLElement("textarea")}}.</dd>
 <dt><a name="Form_resettable">resettable</a></dt>
 <dd>Elementos que podem ser afetados quando um formulário é reinicializado. Contém {{HTMLElement("input")}}, {{HTMLElement("keygen")}}, {{HTMLElement("output")}},{{HTMLElement("select")}} e {{HTMLElement("textarea")}}.</dd>
</dl>

<h2 id="Modelo_de_conteúdo_transparente">Modelo de conteúdo transparente</h2>

<p>Se um elemento tem um modelo de conteúdo transparente, então seu conteúdo deve ser estruturado de tal forma que ele seja um HTML5 válido, mesmo se o elemento transparente for removido e substituído pelos elementos filhos.</p>

<p>Por exemplo, os elementos {{HTMLElement("del")}} e {{HTMLELement("ins")}} são transparentes:</p>

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

<p>Se aqueles elementos forem removidos, esse fragmento continuaria sendo um HTML válido.</p>

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

<h2 id="Outros_modelos_de_conteúdo">Outros modelos de conteúdo</h2>

<p>Raiz de secionamento.</p>