<div class='clear'></div>
/*which comes out to be below one in FF (seen via firebug) */
<div class='clear'/>
/*is this the last empty div declaration is semantically valid ? */
views:
144answers:
7Because it's not a self-closing tag.
random
2009-11-17 12:30:37
At least it is in XHTML.
Joey
2009-11-17 12:30:49
@Crises of Identity - agreed if it's XHTML, but that wasn't specified.
David M
2009-11-17 12:33:57
A:
A DIV is a block level container. The second example can't contain anything... so my bet would be no (for an HTML4 doctype)
If you want to use a dummy element for clearing purposes - have you considered <br />?
Edit
There are more effective ways of clearing than using using a block level container. Applying a clear class to <br /> is one example - but 'overflow: hidden' on the parent element is usually much more elegant.
codeinthehole
2009-11-17 12:30:15
A div does get used to clear in a container. If you have items floating, without a clearing div <div style="clear:left" /> your container will not expand to the height of the floating divs within it. So yes, a div like this is useful, and yes I believe this is valid syntax.
Zoidberg
2009-11-17 12:32:09
yes i have considered <br /> toobut i was wondering for <div> Cool ! stack overflow is damn fast
Gaurav M
2009-11-17 12:32:38
@Zoidberg: there are more effective ways of clearing than using using a block level container. Applying a clear class to <br /> is one example - but 'overflow: hidden' on the parent element is usually much more elegant.
codeinthehole
2009-11-17 12:36:58
Ahh... point well taken, can you add that to your answer and I will reverse my downvote.
Zoidberg
2009-11-17 12:38:16
We never stop learning! I took a course and the CSS instructor had said to use a DIV, he was a smart guy, but perhaps being a CSS guy, you don't have your head in HTML standards as much.
Zoidberg
2009-11-17 12:48:58
Basically, I think there are many ways of achieving the same thing - preference comes into it, but there are core principles that are worth sticking to. One that I like to follow, is to try to use mark-up only for marking content .. which had always made me feel using extra syntax for clearing was undesirable, so I avoid doing so whenever possible. I don't envy people who are instructing on courses, because available techniques move so quickly.
codeinthehole
2009-11-17 12:59:16
+2
A:
If you're asking if those two tags are equivalent and valid: yes, yes they are.
See this question for practical considerations.
Cory Petosky
2009-11-17 12:30:17
Not for pure HTML, though. There the latter one would be utterly invalid :-)
Joey
2009-11-17 12:34:10
I switched away from XHTML in 2002 when I came to the conclusion that writing HTML compatible XHTML was more trouble then it was worth when I could just write HTML instead.
David Dorward
2009-11-17 12:50:34
What's the benefit to writing HTML-compatible XHTML? (Most of the things I do on the web use only simple (X)HTML constructs, I'm not an expert in this area)
Cory Petosky
2009-11-17 12:59:35
HTML compatible XHTML works when you serve it as text/html. If you use the correct content type (application/xhtml+xml) then Internet Explorer will ask if you want to open it in another application or save it to disk.
David Dorward
2009-11-17 13:00:54
A:
Whether this is valid or not depends on the DOCTYPE of the document you are writing. I would suggest to get a definitive answer you try the here:
Neil Foley
2009-11-17 12:33:45
A:
<div class='clear'></div>
and
<div class='clear'/>
both are same. Though i prefer former one over the later.
Rakesh Juyal
2009-11-17 12:46:15
+1
A:
In XHTML, the construct is valid (and identically equivalent to your original source) but not HTML compatible.
HTML compatibility doesn't matter when it comes to viewing a representation of the DOM as seen by the browser. It does matter when writing markup.
As an aside, adding empty elements purely for styling purposes is ugly and should be avoided if possible. See http://www.ejeliot.com/blog/59 for some alternative methods for containing floats.
David Dorward
2009-11-17 12:46:59