Thanks for posting this up! Just curious, if the note is a comment on the site (because I was mindful of not using it as a wrapper) or a general note to public.
Here is how W3C defines sections and articles: Section- The section element represents a generic document or application section. A section, in this context, is a thematic grouping of content, typically with a heading, possibly with a footer.
Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A Web site’s home page could be split into sections for an introduction, news items, contact information.
Article- The article element represents a section of a page that consists of a composition that forms an independent part of a document, page, or site. This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.
I have a section for each category. Each category can have multiple articles, it right now only has 1 article on the home page, if you go to inner pages, you can see that a section contains multiple articles.
So I dont understand your point of wrapping “each row”.
To explain a bit more. If you run your homepage through the outliner you will see numbers 2,3,4 an 5 have ‘untitled’ sections. This is because you’ve used the section element around an article when there isn’t a need to do so. All the articles should be grouped (wrapped in a div if required) as they are all posts albeit in different categories and posted on different dates.
Richard, thanks for the clarification. Would it be appropriate to add a heading, but hide it as I do not want it to render in presentation (even though I would like to title each section with the category title)?
6 thoughts on “Nimbupani Designs”
Thanks for posting this up! Just curious, if the note is a comment on the site (because I was mindful of not using it as a wrapper) or a general note to public.
It’s on the site. You have a section wrapping an article for each ‘row’ but both are sectioning roots so you can loose one or the other.
Hope that helps.
Here is how W3C defines sections and articles:
Section- The section element represents a generic document or application section. A section, in this context, is a thematic grouping of content, typically with a heading, possibly with a footer.
Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A Web site’s home page could be split into sections for an introduction, news items, contact information.
Article- The article element represents a section of a page that consists of a composition that forms an independent part of a document, page, or site. This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.
I have a section for each category. Each category can have multiple articles, it right now only has 1 article on the home page, if you go to inner pages, you can see that a section contains multiple articles.
So I dont understand your point of wrapping “each row”.
Hi Divya
To explain a bit more. If you run your homepage through the outliner you will see numbers 2,3,4 an 5 have ‘untitled’ sections. This is because you’ve used the section element around an article when there isn’t a need to do so. All the articles should be grouped (wrapped in a div if required) as they are all posts albeit in different categories and posted on different dates.
See this article on designing a blog with HTML5 or look at the markup on HTML5Doctor.
Richard, thanks for the clarification. Would it be appropriate to add a heading, but hide it as I do not want it to render in presentation (even though I would like to title each section with the category title)?
Richard, I have updated the sectioning elements to contain headings. Thanks for your comments!