The final (closing) angle bracket in the code below is not interpreted as closing the <input> element:
<input type='text' name='name' <!-- id='name' -->>
I thought this was a valid way to comment out this attribute but Google Chrome, Firefox and Notepad++ (color coding) all suggest that this is not the way to go.
I used CTRL+Shift+Q in Notepad++ to do this.
Then what is the proper way to comment out this <id> attribute?
HTML provides no way to place a comment inside a tag.
If you are generating the HTML from a template / programming language, then you can use features of that to comment something out.
For example, in Template-Toolkit:
<input type='text' name='name' [%# id='name' %]>
or PHP:
<input type='text' name='name' <?php # id='name' ?>>
If you are using HTML 5 then you could (as an ugly hack) use a data attribute to "comment" out entire attributes.
<input type='text' name='name' data-comment-id='name'>
I usually just put _x at the end of the attribute name. Then the attribute is ignored because it's unknown. So if I wanted to comment out the id attribute from this element:
<input type="text" name="name" id="name">
I would change it to this:
<input type="text" name="name" id_x="name">
This also has the advantage of being able to search for "_x=" to find all commented attributes.
<input type='text' name='name' <?php /* id='name' */ ?> >
you may use this it will not be interpreted when viewing the source info
I agree, that you should not use comments at this place. That said, the following should work in Chrome, Firefox and IE:
<input type="text" %id="test1"% class="test2">
If you want to comment a line in HTML5 and don't use
<!-- Html comments -->
You can use
for example:
<button aria-label="Close" nclick="myDialog.close()">X</button>
or
<button aria-label="This button close the popup" nclick="myDialog.close()">X</button>
Since there is nothing to indicate that the purpose of the button is to close the dialog, the aria-label attribute is used to provide a label to any assistive technology or simply comments.
