Comentário no Html
Neste artigo, veremos como adicionar comentários de uma ou várias linhas aos seus documentos HTML.
use a tag < !– — > para fazer comentários no seu código html!
O comentário em HTML é um trecho de código ou texto que não é executado ou exibido pelo navegador. Ele é utilizado para diferentes finalidades, como para deixar de executar uma parte do código, adicionar alguma informação sobre um comando específico ou, ainda, para deixar alguma informação sobre a página ou a aplicação.
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>
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):
Qualquer coisa em HTML entre as tags <!– e –> é um comentário no HTML. O navegador ignora comentários enquanto renderiza o código. Em outras palavras, eles não são visíveis na página – apenas no Código Html.
<script type="text/javascript">
<!--
function displayMensagem() {
alert("Olá Mundo!")
}
//-->
</script>
Publicado por: Loop Nerd
1.791 Visualizações
Your way of describing everything in this article is really good, all
be able to without difficulty know it, Thanks a lot.
Hi to every one, the contents present at this website are really amazing for people
knowledge, well, keep up the nice work fellows.
Hi there, I enjoy reading through your post.
I like to write a little comment to support you.
Highly energetic blog, I liked that a lot. Will
there be a part 2?
Greetings! Very helpful advice in this particular article! It is the little
changes that make the biggest changes. Thanks for
sharing!
Olá Еste é meu primeiro comentar аqui, entãо eᥙ
só queria dar um аlô rápido е dіzer eu realmente desfrutar leitura atravéѕ ɗｅ
seu artigos . Você ⲣode recomendar qualquer outros blogs/sites/fóruns ԛue rever ߋ meѕmo tópicos?
Mսito obrigado !
Seu método ⅾe dizendo todaѕ neste pedaç᧐ de escrita
é realmente agradável , сada um poderes ѕｅm dificuldade entender ,
mᥙito obrigado.
I like the helpful info you provide in your
articles. I’ll bookmark your blog and check again here frequently.
I am quite certain I’ll learn plenty of new
stuff right here! Good luck for the next!
Everything is very open with a precise explanation of the issues.
It was really informative. Your site is useful. Thank you for
sharing!
Hey there, You have done an excellent job. I will
definitely digg it and personally suggest to my friends. I am
confident they will be benefited from this website.
I was suggested this blog by my cousin. I am not sure whether this post is written by him as nobody else know such detailed about my difficulty.
You are wonderful! Thanks!
Pretty nice post. I just stumbled upon your weblog and wished to say that I have truly
enjoyed surfing around your blog posts. In any case I will be subscribing to your rss feed and I hope
you write again very soon!
Great beat ! I wish to apprentice while you amend your website, how could i subscribe for a blog
site? The account aided me a appropriate deal. I have been tiny bit
acquainted of this your broadcast offered vivid transparent idea
Fantastic items from you, man. I’ve consider your stuff previous to and you’re simply
too wonderful. I really like what you’ve bought here,
certainly like what you are stating and the way during which
you are saying it. You are making it enjoyable and you continue
to take care of to keep it wise. I cant wait to learn far more from you.
This is really a tremendous site.
Thanks designed for sharing such a good opinion, paragraph is
good, thats why i have read it entirely
It’s actually a nice and helpful piece of information. I’m satisfied that you
shared this useful info with us. Please stay us informed like this.
Thanks for sharing.
Hi there! This post couldn’t be written any better!
Reading through this article reminds me of my previous
roommate! He constantly kept preaching about this. I am
going to forward this article to him. Fairly certain he’ll have a great read.
Thank you for sharing!
Hey there! I could have sworn I’ve been to this
blog before but after reading through some of the post I realized it’s new
to me. Nonetheless, I’m definitely happy I found it and I’ll be bookmarking and
checking back frequently!
hello!,I love your writing very so much! percentage we be in contact more
about your article on AOL? I need an expert in this
space to unravel my problem. Maybe that’s you!
Taking a look forward to look you.
You made some good points there. I checked on the web for more info about the issue
and found most people will go along with your views on this site.
Gosto lendo um post que fará homens e mulheres pensa.
Também, mᥙito obrigado pela permitindo mim comentar!
Touche. Argumentos Ԁe som. Manter-sе o incrível espírito.
This is really interesting, You’re an edcessively skilled blogger.
I have joined your feed and look forward to looking for more of your great post.
Additionally, I’ve shared your website in my social networks
Thank you friend.
I am in fact happy to read this weblog posrs wwhich cintains lots of helpful facts, thanks
for providing these information.
Thank you, I’m glad you liked the Blog.
Hi there would you mind letting me know which hosting compqny you’re utilizing?
I’ve loaded your blog in 3 differennt browsers and I must say thios blog loads a lot quicker then most.
Cann you suggest a good hosting provider at a fair price?
Thanks a lot, I appreciae it!
Hello, I use, I host with rapid cloud.
rapidcloud.com.br/
Very rapkdly this site will bbe famous amid all blogging
and site-building visitors, due to it’s fastidious
articles or reviews
Thank you friend.
When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment
is added I get several e-mails with the same comment.
Is there any way you can remove people from that service?
Many thanks!
Obrigado , Roberto!
Gostei muito