Etiqueta <header> de HTML

Definição e uso

<header> O elemento representa um contêiner de conteúdo introdutório ou um grupo de links de navegação.

<header> O elemento geralmente contém:

  • um ou mais elementos de título (<h1> - <h6>)
  • Logotipo ou ícone
  • Informações do autor

Dica:<header> etiquetas são frequentemente usadas para definir o cabeçalho do documento.

Anotação:um documento HTML pode conter vários <header> elemento. No entanto,<header> não pode ser colocado <footer>e<address> ou outro <header> no elemento.

Veja também:

Manual de Referência do DOM HTML:Objeto Header

Exemplo

Exemplo 1

Título do <article>:

<article>
  <header>
    <h1>Este é o título</h1>
    <p>Publicado por Bill Gates</p>
    <p>Aqui estão algumas informações adicionais.</p>
  </header>
  <p>Aqui está o texto principal.... Aqui está o texto principal....</p>
</article>

Experimente você mesmo

Exemplo 2

Cabeçalho da página:

<header>
  <h1>Este é o título da página inicial</h1>
  <p>Publicado por Bill Gates</p>
</header>

Experimente você mesmo

Atributos globais

<header> A etiqueta também suporta Atributos globais no HTML.

Atributos de evento

<header> A etiqueta também suporta Atributos de evento no HTML.

Configurações CSS padrão

A maioria dos navegadores exibirá os seguintes valores padrão <header> Elemento:

header {
  display: block;
}

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou o primeiro essa etiqueta.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1