Categorías de contenido
=======================

Cada elemento HTML es miembro de una o más **categorías de contenido** — estas categorías agrupan elementos que comparten características comunes. Esta es una agrupación flexible (en realidad no crea una relación entre los elementos de estas categorías), pero ayuda a definir y describir el comportamiento compartido de las categorías y sus reglas asociadas, especialmente cuando te encuentras con sus intrincados detalles. También es posible que los elementos no sean miembros de *ninguna* de estas categorías.

Hay tres tipos de categorías de contenido:

* Categoría de contenido principal — que describe reglas comunes compartidas por muchos elementos.
* Categorías de contenido relacionado con formularios — que describe reglas comunes a los elementos relacionados con formularios.
* Categorías de contenido específico — que describe categorías raras compartidas solo por unos pocos elementos, a veces, solo en un contexto específico.

**Nota:** Una explicación comparativa más detallada de estas categorías de contenido y su funcionalidad está más allá del alcance de este artículo; para eso, posiblemente desees leer las partes relevantes de la especificación HTML.

![Un diagrama de Venn que muestra cómo se interrelacionan las distintas categorías de contenido. Las siguientes secciones explican estas relaciones en texto.](/es/docs/Web/HTML/Content_categories/content_categories_venn.png)

Categorías de contenido principal
---------------------------------

### Contenido de metadatos

Los elementos pertenecientes a la categoría *contenido de metadatos* modifican la presentación o el comportamiento del resto del documento, establecen enlaces a otros documentos o transmiten otra información *fuera de banda*.

Los elementos que pertenecen a esta categoría son `<base>`, 
Obsoleto
`<command>`, `<link>`, `<meta>`, `<noscript>`, `<script>` (en-US), `<style>` y `<title>`.

### Flujo de contenido

Los elementos que pertenecen a la categoría de flujo de contenido suelen contener texto o contenido incrustado. Son: `<a>`, `<abbr>`, `<address>`, `<article>`, `<aside>`, `<audio>`, `<b>`,`<bdo>`, `<bdi>`, `<blockquote>`, `<br>`, `<button>`, `<canvas>`, `<cite>`, `<code>`, 
Obsoleto
`<command>`, `<data>`, `<datalist>`, `<del>`, `<details>`, `<dfn>`, `<div>`, `<dl>`, `<em>`, `<embed>`, `<fieldset>`, `<figure>`, `<footer>`, `<form>`, `<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>`, `<kbd>`, `<label>`, `<main>`, `<map>`, `<mark>`, `<math>`, `<menu>`, `<meter>` (en-US), `<nav>`, `<noscript>`, `<object>`, `<ol>`, `<output>` (en-US), `<p>`, `<picture>`, `<pre>`, `<progress>`, `<q>`, `<ruby>` (en-US), `
`, `<samp>`, `<script>` (en-US), `<section>`, `<select>`, `<small>`, `<span>`, `<strong>`, `<sub>`, `<sup>`, `<svg>`, `<table>`, `<template>`, `<textarea>`, `<time>`, `<ul>`, `<var>`, `<video>`, `<wbr>` and Text.

Algunos otros elementos pertenecen a esta categoría, pero solo si se cumple una condición específica:

* `<area>`, si es descendiente de un elemento `<map>`
* `<link>`, si está presente el atributo itemprop (en-US)
* `<meta>`, si está presente el atributo itemprop (en-US)
* `<style>`, si está presente el atributo 
Obsoleto
 `scoped`
### Contenido de sección

Los elementos que pertenecen al modelo de contenido de secciones crean una sección en el esquema actual que define el alcance de los elementos `<header>`, `<footer>` y Contenido del encabezado.

Los elementos que pertenecen a esta categoría son `<article>`, `<aside>`, `<nav>` y `<section>`.

**Nota:** No confundas este modelo de contenido con la categoría de seccionado raíz (en-US), que aísla su contenido del esquema regular.

### Contenido del encabezado

El contenido del encabezado define el título de una sección, ya sea que esté marcado por un elemento Contenido de sección explícito o definido implícitamente por el contenido del encabezado en sí mismo.

Los elementos que pertenecen a esta categoría son `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US) y `<hgroup>`.

**Nota:** Aunque es probable que tenga contenido de encabezado, `<header>` no es contenido de encabezado en sí mismo.

**Nota:** El elemento `<hgroup>` se eliminó de la especificación HTML del W3C antes de que se finalizara HTML 5, pero sigue siendo parte de la especificación WHATWG y la mayoría de los navegadores lo admiten por lo menos parcialmente.

### Contenido de redacción

El contenido de redacción define el texto y el marcado que contiene. Las series de contenido de redacción forman párrafos.

Los elementos que pertenecen a esta categoría son: `<abbr>`, `<audio>`, `<b>`, `<bdo>`, `<br>`, `<button>`, `<canvas>`, `<cite>`, `<code>`, 
Obsoleto
`<command>`, `<data>`, `<datalist>`, `<dfn>`, `<em>`, `<embed>`, `<i>`, `<iframe>`, `<img>`, `<input>`, `<kbd>`, `<label>`, `<mark>`, `<math>`, `<meter>` (en-US), `<noscript>`, `<object>`, `<output>` (en-US), `<picture>`, `<progress>`, `<q>`, `<ruby>` (en-US), `<samp>`, `<script>` (en-US), `<select>`, `<small>`, `<span>`, `<strong>`, `<sub>`, `<sup>`, `<svg>`, `<textarea>`, `<time>`, `<var>`, `<video>`, `<wbr>` y texto sin formato (no solo consiste de espacios en blanco).

Algunos otros elementos pertenecen a esta categoría, pero solo si se cumple una condición específica:

* `<a>`, si solo incluye contenido de redacción
* `<area>`, si es descendiente de un elemento `<map>`
* `<del>`, si solo incluye contenido de redacción
* `<ins>`, si solo incluye contenido de redacción
* `<link>`, si está presente el atributo itemprop (en-US)
* `<map>`, si solo incluye contenido de redacción
* `<meta>`, si está presente el atributo itemprop (en-US)
### Contenido incrustado

El contenido incrustado importa otro recurso o inserta contenido de otro lenguaje de marcado o espacio de nombres en el documento. Los elementos que pertenecen a esta categoría incluyen: `<audio>`, `<canvas>`, `<embed>`, `<iframe>`, `<img>`, `<math>`, `<object>`, `<picture>`, `<svg>` y `<video>`.

### Contenido interactivo

 El contenido interactivo incluye elementos diseñados específicamente para la interacción del usuario. Los elementos que pertenecen a esta categoría incluyen: `<a>`, `<button>`, `<details>`, `<embed>`, `<iframe>`, `<label>`, `<select>` y `<textarea>`.
 Algunos elementos pertenecen a esta categoría solo bajo condiciones específicas:

* `<audio>`, si está presente el atributo `controls`
* `<img>`, si está presente el atributo `usemap`
* `<input>`, si el atributo `type` no está en estado oculto
* `<menu>`, si el atributo `type` está en la barra de estado de herramientas
* `<object>`, si está presente el atributo `usemap`
* `<video>`, si está presente el atributo `controls`
### Contenido palpable

El contenido es palpable cuando no está vacío ni oculto; es contenido que se presenta y es sustantivo. Los elementos cuyo modelo es flujo de contenido o contenido de redacción deben tener, por lo menos, un nodo que sea palpable.

### Contenido asociado a formulario

El contenido asociado a un formulario comprende elementos que tienen un formulario de propietario, expuesto mediante un atributo **form**. El propietario de un formulario es el elemento `<form>` que lo contiene o el elemento cuya identificación se especifica en el atributo **form**.

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

Esta categoría contiene varias subcategorías:

enumerado

Elementos que se enumeran en las colecciones IDL `form.elements` (en-US) y `fieldset.elements`. Contiene: `<button>`, `<fieldset>`, `<input>`, `<object>`, `<output>` (en-US), `<select>` y `<textarea>`.

etiquetable

Elementos que se pueden asociar con elementos `<label>`. Contiene `<button>`, `<input>`, `<meter>` (en-US), `<output>` (en-US), `<progress>`, `<select>` y `<textarea>`.

transmisible

Elementos que se pueden utilizar para construir el conjunto de datos del formulario cuando se envía el formulario. Contiene `<button>`, `<input>`, `<object>`, `<select>` y `<textarea>`.

reiniciable

Elementos que se pueden ver afectados cuando se restablece o reinicia un formulario. Contiene `<input>`, `<output>` (en-US),`<select>` y `<textarea>`.

Categorías secundarias
----------------------

Hay algunas clasificaciones secundarias de elementos que también puede ser útil tener en cuenta.

### Elementos de soporte de scripts

Los **elementos de soporte de scripts** son elementos que no contribuyen directamente a la salida renderizada de un documento. En cambio, sirven para admitir scripts, ya sea conteniendo o especificando directamente el código del script, o especificando datos que serán utilizados por los scripts.

Los elementos que admiten scripts son:

* `<script>` (en-US)
* `<template>`
Modelo de contenido transparente
--------------------------------

Si un elemento tiene un modelo de contenido transparente, entonces su contenido debe estar estructurado de manera que sea HTML 5 válido, incluso si el elemento transparente fuera eliminado y reemplazado por elementos secundarios.

Por ejemplo, los elementos `<del>` y `<ins>` son transparentes:
```

<p>Sostenemos que estas verdades son <del><em>sagradas e innegablemente</em></del> <ins>evidentes por sí mismas</ins>.</p>
```


Si esos elementos fueran eliminados, este fragmento seguiría siendo HTML válido (si no es Español correcto).
```

<p>Sostenemos que estas verdades son <del><em>sagradas e innegablemente</em></del> <ins>evidentes por sí mismas</ins>.</p>
```

Otros modelos de contenido
--------------------------

Seccionado raíz.