Layout
Cabeçalho do site
Site header
Agrupa a identidade e os controles introdutórios de uma página ou seção.
Exemplo didático · Representação visual do padrão
Quando usar
Apresentar marca, busca e navegação principal.
Cuidados e acessibilidade
Cabeçalho é uma região; a navegação interna deve ter seu próprio elemento nav.
Partes e comportamento
Identidade, contexto introdutório e possíveis regiões de navegação.
Não confunda
Header pode existir em uma seção ou artigo, além do cabeçalho geral da página.
Exemplo de código
<header>
<a href="/">Biblioteca UI</a>
<nav aria-label="Principal">…</nav>
</header>Trecho didático. Integre e teste no contexto do seu projeto.