Html comment

Postado: 2 de julho de 2022

Html comment

Neste artigo, veremos como adicionar comentários de uma ou várias linhas aos seus documentos HTML.

Html comment – Como comentar uma linha ou tag em HTML

A tag comment <!–> é usada para inserir comentários no código-fonte. Os comentários não são exibidos nos navegadores.

Você pode usar comentários para explicar seu código, o que pode ajudá-lo a editar o código-fonte posteriormente. Isso é especialmente útil se você tiver muito código.

Comentários em HTML começam com <!-- e terminam com -->.

Não se esqueça do ponto de exclamação no início da tag! Mas você não precisa adicioná-lo no final.

A tag envolve qualquer texto ou outra tag HTML que você queira comentar.

Veja o exemplo no código html

<!--Este é um comentário-->

<!--Comentários não são exibidos no navegador-->

<p>Este é um parágrafo.</p>

Quando e como usar Html comment

Comentários HTML não são exibidos no navegador. Isso significa que quaisquer comentários que você adicionar ao código-fonte HTML não serão exibidos quando o documento for renderizado em um navegador da web.

Dito isso, lembre-se de que qualquer pessoa pode visualizar o código-fonte de praticamente todos os sites publicados na Internet acessando View -> Developer -> View Source– e isso também inclui todos os comentários!

Assim, seus comentários ficarão visíveis para outras pessoas verem se você tornar o documento HTML público e eles optarem por examinar o código-fonte.

Escrever comentários é útil e é uma boa prática a ser seguida ao escrever o código-fonte. Os comentários ajudam você a documentar e comunicar seu código e processo de pensamento para você mesmo (e para outras pessoas). Também lembra o que você estava pensando/fazendo quando volta a um projeto depois de meses sem trabalhar nele.

Os comentários também ajudam você a se comunicar com outros desenvolvedores que estão trabalhando no projeto com você. Seus comentários podem explicar claramente por que você adicionou certas linhas de código.

Como escrever comentários de linha única em HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Códigos Html</title>
</head>
<body>

    <!-- Adicione um titulo h1 aqui -->
    <h2>Html</h2>
    <p>Tags Html lista completa</p>
    <p>A tag comment é usada para inserir comentários no código-fonte.</p>

</body>
</html>

Como escrever comentários embutidos em HTML

Você também pode adicionar comentários no meio de uma frase ou linha de código.

Apenas o texto dentro do <!-- --> será comentado, e o restante do texto dentro da tag não será afetado.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Html</title>
</head>
<body>

    <p>Blog Loop Nerd <!--Aprenda--> Tags Html </p>

</body>
</html>

Como escrever comentários de várias linhas em HTML

Os comentários também podem abranger várias linhas, usando exatamente a mesma sintaxe que você viu até agora.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Códigos Html</title>
</head>
<body>

    <h2>Códigos Html</h2>
    <!--
      <p>Tags Html lista completa</p>
      <p>A tag comment é usada para inserir comentários no código-fonte.</p>
     -->
</body>
</html>

Como comentar uma tag em HTML

Você envolve a tag selecionada em <!-- -->:

!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Html e css</title>
</head>
<body>

    <h2>Artigos sobre tags html</h2>
    <h3>Tags html lista completa</h3>
    
     <!--<section class="boxhome">
             
             
      </section>  -->

</body>
</html>

Notas

Você pode usar a tag comment para “ocultar” scripts de navegadores sem suporte para scripts (para que eles não os mostrem como texto simples):

<script type="text/javascript">
<!--
function displayMensagem() {
  alert("Olá Mundo!")
}
//-->
</script> 

Publicado por: loopnerd

356 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados