| SitePoint Sponsor |
Are these headings semantical?
<div>
<h1>
<p>Some text comes here that does not belong to a h2...</p>
<div>
<h2>...</h2>
<p>...</p>
<p>...</p>
</div>
<div>
<h2>...</h2>
<p>...</p>
<p>...</p>
</div>
<p>Some text comes here that does not belong to a h2...</p>
</div>
I mean not starting with the <h2>s and ending with the <h2>s. Is this bad practice? If yes, I think I'm gonna turn down headings altogether... too restrictive...
Thanks
that looks okay except the h1 is empty and has no closing tag
No, it's not bad practice. Continue to use heading elements. If you don't use heading elements then there won't be any semantics at all -- Google and assistive technologies want to know what is a heading.
However, this is a hole in HTML4. The last paragraph is part of the last H2 heading.
Web Applications 1.0 (working draft) has a proposed fix by introducing explicit sectioning elements:Here the last paragraph belongs to the H1.HTML Code:<body> <h1>...</h1> <p>Some text comes here that does not belong to a h2...</p> <section> <h2>...</h2> <p>...</p> <p>...</p> </section> <section> <h2>...</h2> <p>...</p> <p>...</p> </section> <p>Some text comes here that does not belong to a h2...</p> </body>
Simon Pieters
Doesn't look like there are any practical differences between a div and a section. Consensus is so damn hard to achieve but it would save some going round in circles.
division? section? now that's semantics
DIV is semantically neutral. It's not a section.
Simon Pieters
The purpose of using divisions is to create discrete sections (or whatever you want to call it) so I think this is a very poor choice of word.
There are appear to me to be datatypes that people consistently present, hence microformats. This to me is the right approach as it is an attempt at being genuinely more descriptive instead of just pretending to be.
"Section" may be marginally more semantic than a "generic div" but I doubt most would see them as much different if at all. This should matter - these decisions are not made by some enlightened despot or semantics czar who inherently knows better than all the rest of us.
Our distaste for divs doesn't mean we should replace/augment them with an almost equally worthless tag.
The difference is that <section> affects the document outline and <div> does not. The outline of the original markup in this thread would be:...whereas my markup snippet with <section>s would be:
- Heading: ""
Paragraph: "Some text comes here that does not belong to a h2..."
- Heading: "..."
Paragraph: "..."
Paragraph: "..."- Heading: "..."
Paragraph: "..."
Paragraph: "..."
Paragraph: "Some text comes here that does not belong to a h2..."(That is, the last paragraph belongs to the top-level section.)
- Heading: "..."
Paragraph: "Some text comes here that does not belong to a h2..."Paragraph: "Some text comes here that does not belong to a h2..."
- Heading: "..."
Paragraph: "..."
Paragraph: "..."- Heading: "..."
Paragraph: "..."
Paragraph: "..."
Simon Pieters
Posting Permissions
Bookmarks