<h1> <h2> <h3> <h4> <h5> <h6>
<h1> <h2> <h3> <h4> <h5> <h6>
Boa tarde Wesley! As tags de títulos servem para fazer uma marcação semântica no corpo do HTML. Pense que os títulos servem para marcar qual é a prioridade de alguma expressão no seu site, sendo o <h1>
o principal e o <h6>
de menor prioridade entre os títulos!
Caso você queira que uma estrutura tenha mais de 6 tipos de título, você pode criar uma tag <p>
ou <span>
e estilizar com a ajuda do CSS para que fique no formato de um título, assim:
<h1> Use títulos para marcação </h1>
<h2> Os números das tags determinam a prioridade </h2>
<h3> As tags de título não são tags de enumeração, não se esqueça </h3>
<h6> Mas mesmo assim você quer 6 tipos (prioridades) de títulos na sua página e acabaram os <h's>, não se preocupe :D </h6>
<span class="h7"> Você pode estilizar um marcador '<span>' para funcionar como seu novo título </span>
<p class="h8"> Também funciona com a tag <p> ou qualquer outra tag que você adicione um texto </p>
.h7 {
font-size: 9px ;
font-weight: 200;
color: red;
}
.h8 {
font-size: 7px ;
font-weight: 100;
color: blue;
}
Mesmo isso sendo uma solução, lembre-se de que não é considerado uma boa pratica atribuir mais de 6 tipagens de título na sua página! Portanto não organize chamadas de texto, conteúdo de textos e descrições por tags de título! Para isso uso tags como <p></p> , <article></article>, <span></span>
:D
Abraços