Comentários e espaços em branco

Comentários ajudam você a deixar notas no código. Espaços em branco ajudam a organizar o arquivo para humanos.

Comentários em HTML

Um comentário começa com <!-- e termina com -->. O navegador ignora comentários quando mostra a página.

<!-- Este comentário não aparece na página -->
<h1>Meu projeto</h1>
<p>Este texto aparece normalmente.</p>

Quando usar comentários

Use comentários para explicar partes temporárias ou lembrar uma decisão. Evite comentar cada linha simples, porque isso deixa o arquivo mais poluído.

Espaços em branco

O navegador normalmente junta vários espaços e quebras de linha em um único espaço visual. Mesmo assim, indentação é importante para deixar o HTML legível.

<p>
  HTML     junta muitos espaços
  quando mostra o texto.
</p>

Mini tarefa

Adicione um comentário acima de um parágrafo explicando o objetivo daquela parte.

Pequeno quiz

Pergunta: Comentários HTML aparecem para o usuário na página?

Resposta: Não. Eles ficam no código, mas não são exibidos como conteúdo da página.

Pequeno desafio

Crie um pequeno trecho HTML com um comentário, um título e dois parágrafos bem indentados.

<!-- coloque seu código abaixo -->

Resumo

• Comentários usam <!-- comentário -->.
• Comentários ajudam a explicar o código.
• O navegador reduz muitos espaços em branco no conteúdo.
• Indentação deixa o arquivo mais fácil de ler.