tutoriais mais recente desenvolvimento web
 

HTML <header> Tag


Exemplo

Um cabeçalho para um <article> :

<article>
  <header>
    <h1>Most important heading here</h1>
    <h3>Less important heading here</h3>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>
Tente você mesmo "

Definição e Uso

O <header> elemento representa um recipiente para o conteúdo introdutório ou um conjunto de links de navegação.

Um <header> elemento contém tipicamente:

  • um ou mais elementos cabeçalho (<h1> - <h6>)
  • logotipo ou ícone
  • informações de autoria

Você pode ter várias <header> elementos em um único documento.

Nota: Um <header> tag não pode ser colocado dentro de um <footer> , <address> ou de outra <header> elemento.


Suporte a navegadores

Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.

Elemento
<header> 6 9 4.0 5 11.1

Diferenças entre HTML 4.01 e HTML5

O <header> tag é novo em HTML5.


Atributos globais

O <header> tag também suporta o Global de Atributos em HTML .


Atributos de eventos

O <header> tag também suporta o evento Atributos em HTML .


Páginas relacionadas

Referência HTML DOM: Objeto Cabeçalho


Configurações CSS padrão

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

header {
    display: block;
}