Tags <h> em HTML permitem que você crie uma estrutura básica para o seu conteúdo ou documento HTML. Diferentes tipos de tags disponíveis, como <h1> e <h2>, estabelecem uma hierarquia dentro das páginas web, para que os mecanismos de busca e os visitantes dos sites consigam navegar por elas com mais facilidade.

Hospedagem que se adapta às suas ambições
  • Fique online com 99,99% de tempo de atividade e segurança robusta
  • Aumente o desempenho com um clique à medida que o tráfego cresce
  • Inclui domínio gratuito, SSL, e-mail e suporte 24 horas por dia, 7 dias por semana

O que são tags para heading em HTML e por que elas são importantes?

Uma tag HTML para heading é o elemento usado para criar títulos em um documento HTML. Esse tipo de tag HTML é importante para a estrutura e a semântica de um site, atendendo às seguintes finalidades:

  • Hierarquia e estrutura: Tags heading para HTML ajudam os visitantes e os mecanismos de busca a compreenderem o conteúdo e a estrutura da sua página.
  • Otimização para mecanismos de busca: o uso correto de uma tag como <h1> em HTML pode influenciar positivamente a sua classificação nos mecanismos de busca. Ao inserir palavras-chave importantes nos títulos, você obtém vantagens significativas.
  • Layout e design: Tags heading para HTML também são elementos essenciais para o design das páginas. Usando folhas de estilos CSS, você consegue definir a aparência dos diferentes tipos de títulos de forma centralizada. Assim, as alterações de design feitas posteriormente serão aplicadas automaticamente a todos os títulos marcados com uma <h> HTML tag.
  • Acessibilidade: leitores de tela dependem dos títulos em HTML para ler seu conteúdo corretamente.

Quais tipos de tags heading para HTML existem?

A linguagem HTML possibilita que o usuário defina diferentes títulos usando tags de <h1> a <h6>. A tag <h1> HTML representa o título mais importante da página, que geralmente é caracterizado por ter a maior fonte de todo o layout. Por outro lado, a tag <h6> representa o título menos importante e ocupa o nível mais baixo na hierarquia de um site:

  • <h1> HTML: a tag <h1> HTML representa o título principal de uma página web, normalmente usado apenas uma vez para definir o tema principal. Por isso, ela sempre deve refletir o assunto ou título mais relevante para o conteúdo abordado. É especialmente importante inserir palavras-chave nessa tag.
  • <h2> HTML: a tag <h2> define os subtítulos mais importantes da página. Ela introduz seções relacionadas ao tema principal mencionado pela tag <h1>.
  • <h3> até <h6> HTML: as tags de <h3> até <h6> são usadas como subtítulos menores para introduzir subseções ou conteúdos aninhados dentro de uma seção <h2>.

Com exceção da <h1> HTML, você pode usar os diferentes tipos de tags heading em HTML mais de uma vez na mesma página. No entanto, é importante não pular nenhum nível da hierarquia. Por exemplo, se você inseriu um título <h2> e deseja criar uma subseção a partir dele, deve usar a tag <h3>, e não a <h4>.

Construa sua marca com um ótimo domínio
Registre um nome de domínio
  • SSL Wildcard grátis para mais segurança
  • Registro privado grátis para mais privacidade
  • Domain Connect grátis para configurar DNS fácil

Sintaxe da tag HTML <h> com exemplos de código

Tags para heading em HTML são integradas a um documento utilizando o padrão comum das tags HTML. Uma tag de abertura define o início do título, enquanto uma tag de fechamento sinaliza o final dele. Os números presentes nas duas tags devem coincidir. Veja um exemplo de sintaxe usando a tag <h1> HTML:

<h1>*TEXTO*</h1>
html

Abaixo, mostraremos como usar múltiplas <h> HTML tags em um documento. Vamos criar uma página para um site de receitas e estruturá-la usando os subtítulos <h2> e <h3>. Essa divisão facilitará a navegação dos usuários entre as diferentes categorias de receitas:

<!DOCTYPE html>
<html>
<body>
<h1>Dicas e receitas de entradas, pratos principais e sobremesas</h1>
<p>Encontre receitas deliciosas e dicas culinárias incríveis.</p>
	<h2>Entradas e aperitivos</h2>
	<p>Aperitivos e porções para servir antes das refeições</p>
		<h3>Saladas</h3>
		<p>Ideias de saladas frescas e crocantes</p>
		<h3>Molhos e pastas</h3>
		<p>Receitas de molhos e pastas deliciosos</p>
	<h2>Pratos principais</h2>
	<p>Pratos deliciosos e fartos para todas as ocasiões</p>
		<h3>Pratos vegetarianos</h3>
		<p>Receitas vegetarianas deliciosas e saudáveis</p>
		<h3>Pratos com carne</h3>
		<p>Receitas de carnes suculentas e cheias de sabor</p>
	<h2>Sobremesas</h2>
	<p>Sobremesas e doces para encerrar com chave de ouro</p>
		<h3>Bolos e tortas</h3>
		<p>Receitas de bolos e tortas deliciosos</p>
		<h3>Sorvetes</h3>
		<p>Receitas geladas e deliciosas</p>
</body>
</html>
html
Este artigo foi útil?
Ir para o menu principal