8 - Comentários

HTML - Comentários
Comentário é um pedaço de código que é ignorado por qualquer navegador da web. É uma boa
prática adicionar comentários ao seu código HTML, especialmente em documentos complexos,
para indicar seções de um documento e quaisquer outras anotações para qualquer pessoa que
esteja olhando para o código. Os comentários ajudam você e outras pessoas a entender seu
código e aumentam a legibilidade do código.
Os comentários HTML são colocados entre  tags. Assim, qualquer conteúdo colocado
com tags de  será tratado como comentário e será completamente ignorado pelo
navegador.
Exemplo
 Demonstração ao vivo
<!DOCTYPE html>
<html>
<head> 

<title>This is document title</title>
</head> 
<body>
<p>Document content goes here.....</p>
</body>
</html>
Isso produzirá o seguinte resultado sem exibir o conteúdo fornecido como parte dos
comentários −
Document content goes here.....

Comentários válidos vs inválidos
Os comentários não aninham, o que significa que um comentário não pode ser colocado dentro
de outro comentário. Segundo a sequência de traço duplo "--" pode não aparecer dentro de um
comentário, exceto como parte da tag --> de fechamento. Você também deve certificar-se de
que não há espaços na sequência de comentários de início de.
Exemplo
Aqui, o comentário dado é um comentário válido e será apagado pelo navegador.
<!DOCTYPE html>
<html>
<head>
<title>Valid Comment Example</title>
</head>
<body>

</body>
</html>
Isso produzirá o seguinte resultado −
Mas, a linha seguinte não é um comentário válido e será exibido pelo navegador. Isso ocorre
porque há um espaço entre o colchete angular esquerdo e o ponto de exclamação.
<!DOCTYPE html>
<html>
<head>
<title>Invalid Comment Example</title>
</head>
<body>
< !-- This is not a valid comment -->
</body>
</html>
< !-- This is not a valid comment -->
Comentários de várias linhas

Até agora, vimos comentários de linha única, mas o HTML também suporta comentários de
várias linhas.
Você pode comentar várias linhas pela tag especial de início  colocadas antes
da primeira linha e do final da última linha, conforme mostrado no exemplo abaixo.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Multiline Comments</title>
</head>
<body>

</body>
</html>
Comentários condicionais
Comentários condicionais só funcionam no Internet Explorer (IE) no Windows, mas eles são
ignorados por outros navegadores. Eles são suportados a partir do Explorer 5 em diante, e você
pode usá-los para dar instruções condicionais para diferentes versões do IE.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Conditional Comments</title>

</head>
<body>
</body>
</html>
Você vai se deparar com uma situação em que você precisará aplicar uma folha de estilos
diferente com base em diferentes versões do Internet Explorer, em tal situação, comentários
condicionais serão úteis.
Usando a tag de comentário

Existem poucos navegadores que suportam <comentário> tag para comentar uma parte do
código HTML.
Observação − A tag <comment> foi preterida em HTML5. Não use este elemento.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Using Comment Tag</title>
</head>
<body>
<p>This is <comment>not</comment> Internet Explorer.</p>
</body>
</html>
Se você estiver usando o IE, ele produzirá o seguinte resultado −
This is Internet Explorer.
Mas se você não estiver usando o IE, ele produzirá o seguinte resultado −
This is not Internet Explorer.
Comentando o código do script

Embora você aprenda JavaScript com HTML, em um tutorial separado, mas aqui você deve
anotar que, se estiver usando Java Script ou VB Script em seu código HTML, recomenda-se
colocar esse código de script dentro de comentários HTML adequados para que os navegadores
antigos possam funcionar corretamente.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Commenting Script Code</title>
<script>

</script>
</head>
<body>
<p>Hello , World!</p>
</body>
</html>

Hello World!
Hello , World!
Comentando folhas de estilo

Embora você aprenda a usar folhas de estilo com HTML em um tutorial separado, mas aqui você
deve anotar que, se estiver usando CSS (Cascading Style Sheet) em seu código HTML,
recomenda-se colocar esse código de folha de estilo dentro de comentários HTML adequados
para que os navegadores antigos possam funcionar corretamente.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Commenting Style Sheets</title>
<style>

</style>
</head>
<body>
<div class = "example">Hello , World!</div>
</body>
</html>

Hello , World!

8 - Comentários

Enviado por

Dados do documento

Descrição original:

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

8 - Comentários

Enviado por

Direitos autorais:

Formatos disponíveis

HTML - Comentários

<head>

Document content goes here.....

Isso produzirá o seguinte resultado −

Document content goes here.....

Isso produzirá o seguinte resultado −

< !-- This is not a valid comment -->

Document content goes here.....

Comentários de várias linhas

Isso produzirá o seguinte resultado −

Document content goes here.....

Usando a tag de comentário

Se você estiver usando o IE, ele produzirá o seguinte resultado −

This is Internet Explorer.

Comentando o código do script

Isso produzirá o seguinte resultado −

Comentando folhas de estilo

Isso produzirá o seguinte resultado −

Você também pode gostar