Html comment
Neste artigo, veremos como adicionar comentários de uma ou várias linhas aos seus documentos 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>
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.
<!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>
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>
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>
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