Tag HTML <header>
Exemplo
Um cabeçalho para um <article>:
<article>
<header>
<h1>A heading here</h1>
<p>Posted by John
Doe</p>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O <header>elemento representa um contêiner para conteúdo introdutório ou um conjunto de links de navegação.
Um <header>elemento normalmente contém:
- um ou mais elementos de título (<h1> - <h6>)
- logotipo ou ícone
- informações de autoria
Nota: Você pode ter vários <header>elementos em um documento HTML. No entanto, <header>não pode ser colocado dentro de um <footer>, <address> ou outro <header>elemento.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o elemento.
| Element | |||||
|---|---|---|---|---|---|
| <header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Atributos Globais
A <header>tag também suporta os Atributos Globais em HTML .
Atributos do evento
A <header>tag também suporta os atributos de evento em HTML .
Mais exemplos
Exemplo
Um cabeçalho de página:
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
Páginas relacionadas
Referência HTML DOM: objeto de cabeçalho
Configurações padrão de CSS
A maioria dos navegadores exibirá o <header>elemento com os seguintes valores padrão:
header {
display: block;
}