CUIDADO COM O H1, H2...
Olá, amigos!
Gostaria de repassar uma informação importante para quem ainda não está familiarizado com as boas práticas de semântica no HTML.
Hoje vou falar especificamente do famoso <h1>, também conhecido como "heading 1".
Ele é uma tag usada para títulos principais, normalmente no topo de uma página.
Muita gente acaba usando o <h1> como se fosse um parágrafo grande, só porque o texto aparece maior por padrão.
Mas aí está o problema — ou melhor, um dos problemas.
O <h1> é como se fosse o rei dos títulos, e como sabemos: só pode haver um rei por página.
Quando você coloca dois ou mais <h1> em uma mesma página, o navegador (e também os mecanismos de busca, como o Google) se confundem.
É como se alguém dissesse que existem dois reis — ninguém sabe quem manda e no fim nenhum deles recebe a devida importância.
Claro, estou simplificando, mas é isso que acontece na prática.
Outro erro comum é usar as tags de heading (<h1>, <h2>, etc.) no lugar de parágrafos, apenas para deixar o texto maior.
Isso está errado.
Para textos comuns usamos a tag <p> (de paragraph) e, se quisermos mudar o tamanho ou o estilo, fazemos isso com CSS.
