<div>I really don't see the relevency of <article> as anything other than an blog post or article- this is the obvious definition. If you are going to keep article, diverting the definition to coments and widgets is way off the beaten path. It'd be cool to see some type of user generated content tag, but that's a bit superflous.</div>
<div> </div>
<div>However, one single specialized <section> tag begs for <em>more </em>specialized <section> tags. Keep that in mind.<br><br></div>
<div class="gmail_quote">On Wed, Sep 16, 2009 at 11:37 AM, Jeremy Keith <span dir="ltr"><<a href="mailto:jeremy@adactio.com">jeremy@adactio.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">
<div class="im">Divya wrote:<br>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">this is my understanding of the differences between <section><br>and <article>, forgive me if I am not rigorous in my usage of English:<br>
<br>1. section to "cut" or "section" different parts of the layout of the<br>webpage<br></blockquote><br></div>No. This is what <div> is for.</blockquote>
<div> </div>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid"><br><section> is for enclosing related content. <article> is for enclosing related content *that is also independent*.
<div class="im"><br><br>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">2. article is used for each similar content, each blog post in a set of (1<br>or more) blog posts, each user member avatar in a set of user member<br>
avatars, each product in a set of products.<br></blockquote><br></div>Not necessarily. If you would use <article> for a page of 10 blog posts, you should also use <article> for a page containing only one of those blog posts. The context isn't as important as the content. If the content *could* stand alone, then you are supposed to use <article>. Whether or not the contact actually *is* standing alone (in the current document) doesn't matter.
<div class="im"><br><br>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">3. articles always occur within a section except in rare occasions when<br>there is nothing else other than the specific article on the page as<br>
content.<br></blockquote><br></div>No. There is no correlation.<br><br>* <articles> do not need to be nested within a <section>. They can be children of the <body> element, for example (the body element isn't sectioning content although it is a sectioning root).<br>
* <articles> can be nested within an <article>. The spec currently advises doing this for blog comments (even though it's questionable whether or not those comments "stand alone").<br>* <section>s can be nested within an <article>. Different sections of a news story or blog post, for example.<br>
* <section>s can nested within a <section>.
<div class="im"><br><br>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">The usecase that leaps to me is:<br>HTML 4:<br><br><div class="maincolumn"><br><div class="item"><br>
News entry 1<br></div><br><div class="item"><br>News entry 2<br></div><br></div><br><br>HTML 5:<br><section class="maincolumn"><br><article><br>News entry 1<br></article><br>
<article><br>News entry 2<br></article><br></section><br></blockquote><br></div>This should probably be:<br><br><div class="maincolumn">
<div class="im"><br><article><br>News entry 1<br></article><br><article><br>News entry 2<br></article><br></div></div>
<div class="im"><br><br>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">I often use <div class="item"> to mark up the smallest large unit of content<br>that is repeatable and my understanding is that <article> would be a good<br>
replacement of that.<br></blockquote><br></div>Only if the content is independent. Otherwise use <div> (or <section> if the content is related).
<div>
<div></div>
<div class="h5"><br><br>-- <br>Jeremy Keith<br><br>a d a c t i o<br><br><a href="http://adactio.com/" target="_blank">http://adactio.com/</a><br><br><br></div></div></blockquote></div><br><br clear="all">
<div></div><br>-- <br>Judson Collier<br><a href="http://judsoncollier.com/">http://judsoncollier.com/</a><br><a href="http://twitter.com/judsoncollier">http://twitter.com/judsoncollier</a><br>