Cabeçalho

17/08/2010

Cabeçalhos

Há seis níveis de cabeçalhos em HTML, de <H1> a <H6>:

<H1>Este é um cabeçalho de nível 1</H1><H2>Este é um cabeçalho de nível 2</H2>
<H3>Este é um cabeçalho de nível 3</H3><H4>Este é um cabeçalho de nível 4</H4>
<H5>Este é um cabeçalho de nível 5</H5><H6>Este é um cabeçalho de nível 6</H6>

Esses cabeçalhos são mostrados da seguinte forma:

Este é um cabeçalho de nível 1

Este é um cabeçalho de nível 2

Este é um cabeçalho de nível 3

Este é um cabeçalho de nível 4

Este é um cabeçalho de nível 5

Este é um cabeçalho de nível 6

Aninhamento de cabeçalhos
Os cabeçalhos não podem ser aninhados, isto é, a formatação:
<H2>Este é <H1>um cabeçalho de nível 1</H1> dentro de um cabeçalho de nível 2</H2>
pode produzir algum resultado próximo ao desejado:

Este é

um cabeçalho de nível 1

dentro de um cabeçalho de nível 2

mas o mais comum é que os browsers "entendam" essa formatação como sendo:
<H2>Este é</H2> <H1>um cabeçalho de nível 1</H1> dentro de um cabeçalho de nível 2</H2>
- ou seja, como se estivesse faltando uma etiqueta de fechamento de <H2> antes de <H1>, e faltando uma abertura de <H2> depois do fechamento de <H1>, oferecendo o seguinte resultado:

Este é

um cabeçalho de nível 1

dentro de um cabeçalho de nível 2
Os editores WYSIWYG naturalmente não permitem o aninhamento de cabeçalhos.
 
Alinhamento
Os cabeçalhos têm atributos de alinhamento:
<H2 ALIGN=CENTER>Cabeçalho centralizado</H2>

Cabeçalho centralizado

<H3 ALIGN=RIGHT>Cabeçalho alinhado à direita</H3>

Cabeçalho alinhado à direita

<H4 ALIGN=LEFT>Cabeçalho alinhado à esquerda (default)</H4>

Cabeçalho alinhado à esquerda (default)