<div id="header"> <p>Stuff</p> </div> <!-- END div-header -->
The <!– –> stuff is the HTML comment. It is a way to add notes into the code which will not display when the HTML is rendered by the browser. In the example above, to signify which opening div tag the closing tag was actually closing.
That’s awesome Bro, will this work as a comment box ?
No. It won’t work as a comment box. It allows you to put stuff in your code that won’t show up on the page.
so For comment box you need html code like ”’textarea”’ :)
Hey @Joshephy Watkins
If you are talking about a comment box like what I typed this message in, it won’t. It will just put a note in the HTML code for you to use later (I usually go stuf…… To keep everything organized
Seein how this works
html comments are particularly useful if you edit a page and you want to find your changes fast. The more detailed these comments are, the better…
Stamatis – Ygraeriokinisi
Too bad html editors like Notepad++ can’t handle easy comment-block adding like in the case of JS comments, when you can add them easily by selecting the code and using a shortcut key combination.
Notepad++: Select your code; cntrl+k to comment out; cntrl+shift+k to uncomment.
I use Notepad++ and it isn’t TOO bad .. but thanks for the shortcut anyways, it helped a lot. Though, I admit, Notepad++ sucks compared to Text Wrangler (for Mac OS X only) and Sublime Text (Microsoft Windows/Mac OS X) but the problem is that I have Microsoft Windows 8, so I can’t download some stuff .. but thanks!
Hi, is there a way I can create a shortcut for this html comment using a MacBook Pro OS Snow Leopard.
Have you ever considered marking blocks like so:
I do that, but I like to use server side languages instead so it doesn’t need to come over the pipes.
</div><?php // END div#comments ?>
Putting comments in your files is a very good idea. I also use them all the time in my html and even more so in my CSS files for the Joomla sites I develop. All those elements get mixed up in your mind after awhile and when you are adding code or altering pre existing stuff it’s helpful to comment on it so you remember what everything is or what you did to it. Sometimes I make changes then have to go back and tweak them. A comment helps me remember what I did and is a big time saver.
Nice thing is you can use it like block comment also:
awesome…comment preview is odd.
**is there any short key for giving html comment **
I got to learn more about <!–[if lt IE 7 ]>… from his site thanks for all relating to the sharing of knowledge
I dont Understand why you all so excited on HTML comment code, it is for SEO ?
No, as has already been pointed out, it is to be used as notes/reminders. Working with a team of developers, I find it especially helpful because if I am working on something and another developer starts to collaborate with me, they can just read my comments in the HTML and know exactly why something is coded the way it is or what the code does. It has nothing to do with SEO.
Using Dreamweaver, is there a chance to automate to get starting Class or ID as a comment right after closing tag? For instance this is original code
Is there an option to convert it as
Thank you in advance.
using Comments will make your doc more readable for any other team member which may work with it in the future. so i prefer to write code like this
It is not strictly true that comments “aren’t displayed”. Comments aren’t rendered by the browser, but the HTML comments enclosed in HTML comment tags are sent from the server to the viewer’s web browser. They can be seen by using the browser’s “view page source” (or the equivalent).
So you may want to be careful about what comments you put in your HTML code. As another poster implied, if your HTML code is in PHP files (because you want dynamically generated HTML code), then you can use the tags that enclose PHP code and put a PHP comment within them. The PHP code (i.e. in this case the PHP comments) are stripped out (“interpreted”) on the server and not sent to the viewer’s browser.
Thank you Chris Coyier for bringing up the topic. Thank you John Goold for pointing out that PHP comments are stripped out server-side.
Adding an HTML comment may have worked in 2009, but now that HTML comments cannot be nested, it has a major Achilles heel. A large block of code can’t be commented out (whether temporarily for testing, or whatever), if there is an HTML comment within that block.