Esta tradução está incompleta. Ajude atraduzir este artigo.
Sumário
Elementos de cabeçalho são implementados em seis níveis, <h1>
é o mais importante e <h6>
é o de menor importância. Um elemento de cabeçalho descreve brevemente o tópico da seção em que ele está. As informações de cabeçalho podem ser usadas por agentes de usuário, por exemplo, para construir uma tabela de conteúdos para um documento automaticamente.
- Categorias do conteúdo Flow content, heading content, palpable content.
- Conteúdo permitido Phrasing content.
- Omissão de tag None, both the starting and ending tag are mandatory.
- Elementos pais permitidos Any element that accepts flow content; or as a child of an
<hgroup>
element - Interface DOM
HTMLHeadingElement
Atributos
Esses elementos incluem os atributos globais.
O atributo align está no HTML 4.01 e no HTML5.
Exemplos
Todos os cabeçalhos
O seguinte código mostra, em uso, todos os níveis de cabeçalho.
<h1>Cabeçalho nível 1</h1> <h2>Cabeçalho nível 2</h2> <h3>Cabeçalho nível 3</h3> <h4>Cabeçalho nível 4</h4> <h5>Cabeçalho nível 5</h5> <h6>Cabeçalho nível 6</h6>
Aqui está o resultado deste código:
Página de exemplo
O código seguinte mostra alguns cabeçalhos com um pouco de conteúdo abaixo deles.
<h1>Elementos de cabeçalho</h1> <h2>Sumário</h2> <p>Algum texto aqui...</p> <h2>Exemplos</h2> <h3>Exemplo 1</h3> <p>Algum texto aqui...</p> <h3>Exemplo 2</h3> <p>Algum texto aqui...</p> <h2>Veja também</h2> <p>Algum texto aqui...</p>
Aqui está o resultado deste código:
Notas
Não use níveis menores para diminuir o tamanho da fonte do cabeçalho: use a propriedade CSS font-size
.
Evite pular níveis de cabeçalhos: sempre comece com <h1>
, depois <h2>
e assim por diante. Tente, também, ter pelo menos um cabeçalho de primeiro nível em uma página..
Em HTML5, use o elemento <section>
para definir the outline of a document. Cabeçalhos fornecem títulos para sections and subsections. Você também pode agrupar um cabeçalho e seu conteúdo usando o elemento <div>
.
Especificações
Especificação | Status | Comentário |
---|---|---|
WHATWG HTML Living Standard The definition of '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' in that specification. |
Living Standard | |
HTML5 The definition of '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' in that specification. |
Recommendation | |
HTML 4.01 Specification The definition of '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' in that specification. |
Recommendation |
Compatibilidade de navegador
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suporte Básico | (Yes) | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suporte Básico | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) |