Closing Tag Class

motlive · September 22nd, 2008, 12:11 PM

Hi All, been a long time for me so hope everyone is well..

anyone able to offer any advice on this.

A while a go i created a website using a lot of divs, and got pretty lost in them after a while, so I started adding the class/id to the closing tag..

So what would be:

HTML Code:

<div id="wrapper>
<h1> Welcome</h1>
<p>Lorem Ipsum Likes to party</p>
<div id="right">
<ul>
<li>Hooray for CSS</li>
<li>Boo to IE</li>
</ul>
</div>
<div class="content">
<p>CSS is wicked bad, yeahhh bouuuyyyyy</p>
<p>Just another random line</p
</div>
</div>

became:

HTML Code:

<div id="wrapper>
<h1> Welcome</h1>
<p>Lorem Ipsum Likes to party</p>
<div id="right">
<ul>
<li>Hooray for CSS</li>
<li>Boo to IE</li>
</ul>
</div id="right">
<div class="content">
<p>CSS is wicked bad, yeahhh bouuuyyyyy</p>
<p>Just another random line</p
</div class="content">
</div id="wrapper">

Now I cant find any clear guide lines on this!!! I doubt its good practice but just wonder what people thought on it as it makes tracking the divs a lot easier.. well for me at least

Jack Franklin · September 22nd, 2008, 12:15 PM

What I do is this:

HTML Code:

<div id="a">
<div id="b">
<div id="c">
content and stuff
<!--end div c--></div><!--end div c-->
<!--end div b--></div><!--end div b-->
<!--end div a--></div><!--end div a-->

Because using the HTML comments is better I think. But I don't know if your way is bad or not, interesting point.

motlive · September 22nd, 2008, 12:22 PM

Agree Franklin, I comment as below

HTML Code:

<!-- Wrapper -->
<div id="wrapper><!-- Logo -->
<h1> Welcome</h1><!-- End Logo -->
<p>Lorem Ipsum Likes to party</p>
<!-- Right Panel -->
<div id="right">
<ul>
<li>Hooray for CSS</li>
<li>Boo to IE</li>
</ul>
</div><!-- End Right Panel --><!-- Content -->
<div class="content">
<p>CSS is wicked bad, yeahhh bouuuyyyyy</p>
<p>Just another random line</p
</div><!-- End Content -->
</div><!-- End Wrapper -->

but sometimes when im cutting and pasting divs around, especially closing ones I miss out the closing comment.

shalom_m · September 22nd, 2008, 12:59 PM

I use comments on my </div>s too.
It saved my many hours in debugging.

Aso · September 24th, 2008, 09:01 AM

I would stick with HTML comments, or even better, indented mark-up (or an editor with a block level expand/contract tool

)

I would avoid using any attributes on closing tags - I very much doubt it is valid syntax.

pandreson · September 25th, 2008, 07:05 PM

I'll walk through the code the same way the JVM does running the two programs. The code is similar to the minimal example program in Lucene, it just works on a bigger text corpus. the optimization method of Index Writer is called and the index is then closed. The program then terminates.
-------------------------------------
pandreson

Electric Studio · December 12th, 2008, 11:54 AM

Please note that you can only use one similar ID tag on each page for validation. So if you intend to re-use your CSS on multiple elements, use "class" rather than "id".