HTML Básico – Cabeçalhos

16/08/2021 0 Comments

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.

Navegação<< HTML Básico – AtributosHTML Básico – Parágrafos >>