Neste artigo do blog você aprenderá como usar comentários em HTML para estruturar melhor seu código e torná-lo mais fácil de entender. Os comentários são úteis para adicionar explicações, notas ou lembretes ao seu código HTML. Eles são ignorados pelos navegadores da web e, portanto, invisíveis para os usuários.

A sintaxe dos comentários HTML

Para criar um comentário em HTML, use a seguinte sintaxe:

<!-- Dein Kommentar hier -->

Observe que há um ponto de exclamação (!) na tag inicial, mas não na tag final[3]. Um comentário pode abranger uma ou mais linhas[1]. Dois hífens consecutivos (–) não são permitidos em um comentário; portanto, nenhum comentário adicional pode ser anotado em um comentário.

Exemplo de uso de comentários em HTML

Aqui está um exemplo de como você pode usar comentários em seu código HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Beispiel für Kommentare in HTML</title>
  <!-- Stylesheet-Link hier -->
</head>
<body>
  <!-- Überschrift -->
  <h1>Willkommen auf meiner Webseite!</h1>

  <!-- Absatz -->
  <p>Dies ist ein Beispiel für die Verwendung von Kommentaren in HTML.</p>

  <!-- Liste -->
  <ul>
    <!-- Listenpunkt 1 -->
    <li>Punkt 1</li>
    <!-- Listenpunkt 2 -->
    <li>Punkt 2</li>
  </ul>
</body>
</html>

Este exemplo usa comentários para identificar e explicar diferentes seções do código.

Comentários sobre depuração e ocultação de código

Os comentários também são úteis para ocultar temporariamente o código HTML sem excluí-lo[5]. Por exemplo, você pode comentar partes do seu código para encontrar erros ou desativar temporariamente determinadas seções:

<!-- <p>Dieser Absatz ist vorübergehend ausgeblendet.</p> -->

Resumo

Comentários em HTML são uma ferramenta útil para estruturar melhor seu código e torná-lo mais fácil de entender. Eles ajudam você e outros desenvolvedores a entender melhor o código e aumentar a legibilidade. Use a sintaxe para adicionar comentários em seu código HTML e lembre-se de que os comentários também podem ser usados para depurar e ocultar código.