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.