HTML Tutorial

O comentário é um trecho de código que é ignorado por qualquer navegador da web. É uma boa prática adicionar comentários ao código HTML, especialmente em documentos complexos, para indicar seções de um documento e quaisquer outras notas para quem está olhando o código. Os comentários ajudam você e outras pessoas a entender seu código e aumenta a legibilidade do código.

Os comentários HTML são colocados entre as tags <! – … ->. Portanto, qualquer conteúdo colocado nas tags <! – … -> será tratado como comentário e será completamente ignorado pelo navegador.

See the Pen
HTML – Comentarios by John Pires (@johnpiresBR)
on CodePen.

Comentários válidos vs inválidos:

Os comentários não são aninhados, o que significa que um comentário não pode ser colocado dentro de outro comentário. Em segundo lugar, a sequência de traços duplos “-” pode não aparecer dentro de um comentário, exceto como parte da tag de fechamento ->. Você também deve se certificar de que não há espaços na string de início do comentário.
Exemplo

Aqui, o comentário fornecido é válido e será apagado pelo navegador.

See the Pen
HTML – Comentários válidos vs inválidos by John Pires (@johnpiresBR)
on CodePen.

Comentários multilinha:



Até agora, vimos comentários de uma única linha, mas o HTML também oferece suporte a comentários de várias linhas.

Você pode comentar várias linhas pela tag especial de início <! – e tag final -> colocada antes da primeira linha e no final da última linha, conforme mostrado no exemplo abaixo.

See the Pen
HTML – Comentários multilinha by John Pires (@johnpiresBR)
on CodePen.

Comentários condicionais:



Os comentários condicionais funcionam apenas no Internet Explorer (IE) no Windows, mas são ignorados por outros navegadores. Eles são suportados a partir do Explorer 5 e você pode usá-los para fornecer instruções condicionais para diferentes versões do IE.

See the Pen
HTML – Comentários condicionais by John Pires (@johnpiresBR)
on CodePen.

Você se deparará com uma situação em que precisará aplicar uma folha de estilo diferente com base em diferentes versões do Internet Explorer; em tal situação, comentários condicionais serão úteis.

Usando tag de comentário:



Existem poucos navegadores que suportam a tag <comment> para comentar uma parte do código HTML.

See the Pen
HTML – Usando tag de comentário by John Pires (@johnpiresBR)
on CodePen.