Vamos ainda falar sobre formatação de textos entre outras coisas, mas agora vamos ver os cabeçalhos que são muito importantes para estruturarmos nosso conteúdo.

Basicamente, os titules (Headings) ajudam principalmente a definir a hierarquia e a estrutura do conteúdo de uma página HTML.

Existem seis níveis de tags de título <h1> a <h6> e quanto mais baixo for o número, maior sua importância.

Desse modo, a tag <h1>vai ter maior importância do que as demais tags de título.

Isso é até notável na maioria dos navegadores porque os títulos recebem fontes maiores e negrito para ficaram em destaque – isso segue a regra de importância.

Aqui estão as tags de título:

<h1>Título Nível 1</h1>
<h2>Título Nível 2</h2>
<h3>Título Nível 3</h3>
<h4>Título Nível 4</h4>
<h5>Título Nível 5</h5>
<h6>Título Nível 6</h6>

Resultado:

Título Nível 1

Título Nível 2

Título Nível 3

Título Nível 4

Título Nível 5

Título Nível 6

Nota: Como eu disse, os tamanhos das fontes serão diferentes de acordo com a importância – quanto menor o número maior a fonte – e, geralmente, o navegador colocar margem nos títulos, que podem ser substituídas com CSS.

Para que fique um pouco mais clara importância dos títulos…

Importância dos títulos

• Os títulos HTML fornecem informações valiosas, destacando tópicos importantes e definindo a estrutura do documento.
• Não use tags de título para expor seu texto com fontes maiores ou negrito
• Os motores de buscam usam as tags de título para entenderem melhor o contexto do seu conteúdo

Suas páginas da web deveriam conter pelo menos a tag <h1>, que deveria ser a única tag <h1>da página, seguida das outras tags de título.