Categorias de conteúdo
======================

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.

Há três tipos de categorias de conteúdo:

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

![Content_categories_venn.png](/pt-BR/docs/Web/HTML/Content_categories/content_categories_venn.png)

Principais categorias de conteúdo
---------------------------------

### Conteúdo de metadados

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

Os elementos pertencentes a essa categoria são `<base>`, `<command>`, `<link>`, `<meta>`, `<noscript>`, `<script>`, `<style>` e `<title>`.

### Conteúdo de fluxo

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

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

* `<area>`, se for um descendente de um elemento `<map>`
* `<link>`, se o atributo **itemprop (en-US)** estiver presente
* `<meta>`, se o atributo **itemprop (en-US)** estiver presente
* `<style>`, se o atributo `scoped` estiver presente
### Conteúdo de seccionamento

Os elementos pertencentes ao modelo de conteúdo de seccionamento criam uma seção no esboço atual que define o escopo dos elementos `<header>`, elementos `<footer>` e na conteúdo do cabeçalho.

Elementos pertencentes a essa categoria são `<article>`, `<aside>`, `<nav>` e `<section>`.

**Nota:** Não confunda esse modelo de conteúdo com a categoria de seccionamento raiz que isola seus conteúdos dos esboços regulares.

### Conteúdo do cabeçalho

O conteúdo do cabeçalho define o título de uma seção, se é marcada por um explícito elemento do conteúdo de seccionamento ou implicitamente definido pelo próprio conteúdo do cabeçalho.

Os elementos pertencentes a essa categoria são `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US) e `<hgroup>`.

**Nota:** Embora provavelmente contenha algum conteúdo do cabeçalho, o `<header>` não faz parte do conteúdo do cabeçalho em si.

### Conteúdo fraseado

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.

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

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

* `<a>`, se contém somente conteúdo fraseado
* `<area>`, se for um descendente de um elemento `<map>`
* `<del>`, se contém somente conteúdo fraseado
* `<ins>` (en-US), se contém somente conteúdo fraseado
* `<link>`, se o atributo **itemprop** (en-US) estiver presente
* `<map>`, se contém somente conteúdo fraseado
* `<meta>`, se o atributo **itemprop** (en-US) estiver presente
### Conteúdo embutido

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: `<audio>`, `<canvas>`, `<embed>`, `<iframe>`, `<img>`, `<math> (en-US)`, `<object>` (en-US), `<svg>` e `<video>`.

### Conteúdo interativo

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: `<a>`, `<button>`, `<details>`, `<embed>`, `<iframe>`, `<label>`, `<select>`, e `<textarea>`. Alguns elementos pertencem a essa categoria somente sob condições específicas:

* `<audio>`, se o atributo `controls` estiver presente
* `<img>`, se o atributo `usemap` estiver presente
* `<input>`, se o atributo `type` não estiver no modo escondido
* `<menu>` (en-US), se o atributo `type` (en-US) estiver no modo barra de ferramentas
* `<object>` (en-US), se o atributo `usemap` (en-US) estiver presente
* `<video>`, se o atributo `controls` estiver presente
### Conteúdo associado ao **form**

O conteúdo associado ao **form** compreende elementos que têm um formulário de proprietário, exposto por um atributo **form**. Um formulário de proprietário é ou um elemento `<form>` (en-US) ou o elemento o qual o ID é especificado no atributo **form**.

* `<button>`
* `<fieldset>`
* `<input>`
* `<label>`
* `<meter>`
* `<object>` (en-US)
* `<output>`
* `<progress>`
* `<select>`
* `<textarea>`

Essa categoria contém várias sub-categorias:

listed

Elementos que estão listados nas coleções IDL form.elements (en-US) e fieldset.elements. Contém `<button>`, `<fieldset>`, `<input>`, `<object>` (en-US), `<output>`, `<select>` e `<textarea>`.

labelable

Elementos que podem ser associados com elementos `<label>`. Contém `<button>`, `<input>`, `<meter>`, `<output>`, `<progress>`, `<select>` e `<textarea>`.

submittable

Elementos que podem ser usados para construir o formulário de dados quando o formulário é enviado. Contém `<button>`, `<input>`, `<object>` (en-US), `<select>`, e `<textarea>`.

resettable

Elementos que podem ser afetados quando um formulário é reinicializado. Contém `<input>`, `<output>`,`<select>` e `<textarea>`.

Modelo de conteúdo transparente
-------------------------------

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.

Por exemplo, os elementos `<del>` e `<ins>` (en-US) são transparentes:
```

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


Se aqueles elementos forem removidos, esse fragmento continuaria sendo um HTML válido.
```

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

Outros modelos de conteúdo
--------------------------

Raiz de secionamento.