---
title: header
slug: Web/HTML/Element/header
tags:
  - HTML5
  - header
  - para_revisar
translation_of: Web/HTML/Element/header
original_slug: Web/HTML/Elemento/header
---
<p>El <em>elemento de HTML Header</em> (<span style="font-family: Courier New;">&lt;header&gt;</span>) representa un grupo de ayudas introductorias o de navegación. Puede contener algunos elementos de encabezado, así como también un logo, un formulario de búsqueda, un nombre de autor y otros componentes.</p>

<div class="note">
<p><strong>Nota de uso:</strong></p>

<ul>
 <li>El elemento <span style="font-family: Courier New;">&lt;header&gt;</span> no es contenido de sección y, por lo tanto, no introduce una nueva sección en <a href="/en/Sections_and_Outlines_of_an_HTML5_document" title="en/Sections and Outlines of an HTML5 document">descripción</a>.</li>
</ul>
</div>

<h3 id="Contexto_de_uso">Contexto de uso</h3>

<table class="standard-table">
 <tbody>
  <tr>
   <td>Contenido permitido</td>
   <td><a href="/en/HTML/Content_categories#flow_content" title="en/HTML/Content categories#flow content">Contenido dinámico</a>, pero sin un <span style="font-family: Courier New;">&lt;header&gt;</span> o {{ HTMLElement("footer") }} descendente</td>
  </tr>
  <tr>
   <td>Omisión de la etiqueta</td>
   <td>No está permitido, tanto la <span title="syntax-start-tag">etiqueta de inicio</span> como la de <span title="syntax-end-tag">final</span> son obligatorias</td>
  </tr>
  <tr>
   <td>
    <p>Elementos padres permitidos</p>

    <p>Roles ARIA permitidos</p>

    <p>Inreface DOM</p>
   </td>
   <td>
    <p>Cualquier elemento que acepte <a href="/en/HTML/Content_categories#flow_content" title="en/HTML/Content categories#flow content">contenido dinámico</a>. Ten en cuenta que un elemento <code>&lt;header&gt;</code> no debe ser descendiente de un elemento {{ HTMLElement("address") }}, {{ HTMLElement("footer") }} o cualquier otro elemento {{ HTMLElement("header") }}.</p>

    <p>{{ARIARole("group")}}, {{ARIARole("presentation")}}</p>

    <p>{{domxref("HTMLElement")}}</p>
   </td>
  </tr>
  <tr>
   <td>Documento normativo</td>
   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-header-element" rel="external nofollow">HTML5, sección 4.4.8</a></td>
  </tr>
 </tbody>
</table>

<h3 id="Atributos">Atributos</h3>

<p>Este elemento no tiene otros atributos que no sean los <a class="new " href="../../../../en/HTML/global_attributes" rel="internal">atributos generales</a>, comunes a todos los elementos.</p>

<div id="section_3">
<div id="section_3">
<h3 class="editable" id="Interfaz_DOM">Interfaz DOM</h3>

<p>Este elemento implementa la interfaz <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p>

<h3 id="Mira_también">Mira también</h3>

<ul>
 <li>Otros elementos relacionados con secciones: {{ HTMLElement("body") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("article") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("hgroup") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("section") }}, {{ HTMLElement("address") }};</li>
 <li class="last"><a class="deki-ns current" href="/en/Sections_and_Outlines_of_an_HTML5_document" title="en/Sections and Outlines of an HTML5 document">Sections and outlines of an HTML5 document</a>.</li>
</ul>

<p>{{ languages( { "en": "en/HTML/Element/header" } ) }}</p>
</div>
</div>