<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div><div>On 29 Apr 2010, at 10:34, Steve Dennis wrote:</div><blockquote type="cite"><div>The other thing to take into consideration is Content Management Systems.  The <section> model, while technically a much better document model, will be much much harder for things such as rich text editors to implement I would imagine.  Due to sections often being visually invisible, the nesting of invisible elements can get unmanageable and broken very easily if clients with little understanding of the document model (probably 99% of them) are editing their own content via WYSIWYG a lot.   The non-nested system of the <h1> - <h6> is much easier due to being single tags with no nesting, and every element being visually distinct.<br></div></blockquote></div><div><br></div>This is certainly true, but it lends support for both the old and the new models working in tandem.  Essentially there are two key use-cases for content management systems:<div><br></div><div>1. Authors being able to easily create content items.  As you note above, h1-h6 makes far more sense to authors than invisible section elements and are far easier to apply correctly. Essentially content authors expect things to work roughly like Microsoft Word which the old model of headings does and so they generally get it right (especially if you disable the ability to add inline font size styles so they can't build a heading look-a-like manually).</div><div><br></div><div>2. The CMS needs to be able to assemble various content items in fairly arbitrary ways but still get a sensible heading structure in the result.  The section element and the new heading model is an ideal solution for this case.</div><div><br></div><div>A planet aggregator is a good example of this in action - each blog post is an entity to itself so would use headings starting at H1, but when aggregated the headings should start at H2 (or 3 or 4 depending on what else is on the aggregated page).  So the blog author writes the post using H1-H6 because it's easy (or section if they prefer) and the aggregator simply wraps each blog post in a <section> so the resulting heading structure still works.</div><div><br></div><div>As I understand it, while the spec recommends using only H1 if you're using sections, it's still valid and well defined to use h1-h6 along with section.</div><div><br></div><div>Regards,</div><div><br></div><div>Adrian Sutton.</div><div><div>
<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div><span class="Apple-style-span" style="font-family: Verdana, Helvetica, Arial; font-size: 9px; ">______________________<br><font color="#07007E">Adrian Sutton, CTO<br></font><font color="#06007D">UK: +44 1 628 353 032  </font><font color="#07007E">US: +1 (650) 292 9659 x717<br></font><font color="#08007F">Ephox </font><font color="#0000FF"><u><a href="http://www.ephox.com/">http://www.ephox.com/</a></u></font><font color="#08007F"><br>Ephox Blogs<span class="Apple-converted-space"> </span></font><font color="#0000FF"><u><a href="http://people.ephox.com/">http://people.ephox.com/</a></u></font><font color="#08007F">, Personal Blog<span class="Apple-converted-space"> </span></font><font color="#0000FF"><u><a href="http://www.symphonious.net/">http://www.symphonious.net/</a></u></font></span></div><div><font class="Apple-style-span" color="#08007F" face="Verdana, Helvetica, Arial" size="1"><span class="Apple-style-span" style="font-size: 9px; "><br></span></font></div></div></span></div></span></div></span></div></span></div></span><br class="Apple-interchange-newline"></span><br class="Apple-interchange-newline">
</div>
<br></div></body></html>