Forum Moderators: open
</div>I've seen people put a comment after the closing tag so they know which div it is, like this:
<div id="header">
</div><!-- header -->
I think I have a better solution. One that's so simple, I don't know why I didn't think of it before! Just duplicate the id of the div in the closing tag:
</div id="header">
Also, does it invalidate the XML structure of an XHTML document?
If there are no problems with my approach, I consider it a valuable solution to this problem.
Why not just use indenting instead? Like this..
<body>
<div id="header">
<h2>Widgets</h2>
<div>
blah blah blah
</div>
</div>
<p>
blah blah blah
</p>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</body>
it will use less bytes than your suggestion (use TABs for the indents), it is easier to read and definitely won't make your code invalid.
application/xhtml+xmlBack to the comment tags! ;)
adds to the bytes used for the page.
Well, three bytes per instance. That's not much. If you change to
<div id="head">
</div><!-- head -->
you'll be one byte ahead!
Tom
PS - any perceived pun is purely accidental.
Might another attribute be used? Perhaps anything can go in the tag.
</div (header)>
Perhaps anything can go in the tag
No, nothing should go in the closing tag unless you want to risk breaking the page. It's invalid, risky and simply bad practice. I understand your desire to identify closing tags, but really comments are the only way here.
<div id="head">
[...]
<!-- /div id="head" -->
</div>
</div><!--end header-->
either way you can use a regular expression to excise the commented closing tags before posting to the production server.
