section: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(add recent paciellogroup article about continued misuse of section element)
(add 2011 article noting confusion and lack of value for section)
 
Line 8: Line 8:
Articles about the section element and challenges with it, most recent first:
Articles about the section element and challenges with it, most recent first:
* <span class="h-cite"><time class="dt-published">2013-10-15</time> <span class="p-author h-card">Léonie Watson</span>: <cite class="p-name">[http://blog.paciellogroup.com/2013/10/using-html5-section-element/ Using the HTML5 section element]</cite> at <span class="u-url">http://blog.paciellogroup.com/2013/10/using-html5-section-element/</span></span> <blockquote>...there is a growing tendency for the section element to be used whether it’s the right element for the job or not.</blockquote>
* <span class="h-cite"><time class="dt-published">2013-10-15</time> <span class="p-author h-card">Léonie Watson</span>: <cite class="p-name">[http://blog.paciellogroup.com/2013/10/using-html5-section-element/ Using the HTML5 section element]</cite> at <span class="u-url">http://blog.paciellogroup.com/2013/10/using-html5-section-element/</span></span> <blockquote>...there is a growing tendency for the section element to be used whether it’s the right element for the job or not.</blockquote>
* <span class="h-cite"><time class="dt-published">2011-01-12</time> <span class="p-author h-card">Louis Lazaris</span>: <cite class="p-name">[http://www.impressivewebs.com/html5-section/ When to Use the HTML5 “section” Element]</cite> at <span class="u-url">http://www.impressivewebs.com/html5-section/</span></span> <blockquote>...it seems that HTML5′s new <code>&lt;section&gt;</code> element is confusing and it’s hard to discern its true value.</blockquote>


* <span class="h-cite"><time class="dt-published">2009-09-14</time> <span class="p-author h-card">Jeremy Keith</span>: <cite class="p-name">[http://adactio.com/journal/1607/ HTML5 test results]</cite> at <span class="u-url">http://adactio.com/journal/1607/</span></span> <blockquote>I don’t think there needs to be a section element and an article element. I don’t have a particularly strong opinion about which one should stay and which one should go but a little trimming is definitely in order.</blockquote>
* <span class="h-cite"><time class="dt-published">2009-09-14</time> <span class="p-author h-card">Jeremy Keith</span>: <cite class="p-name">[http://adactio.com/journal/1607/ HTML5 test results]</cite> at <span class="u-url">http://adactio.com/journal/1607/</span></span> <blockquote>I don’t think there needs to be a section element and an article element. I don’t have a particularly strong opinion about which one should stay and which one should go but a little trimming is definitely in order.</blockquote>

Latest revision as of 08:43, 7 November 2013

This article is a stub. You can help the microformats.org wiki by expanding it.

<section> is a new HTML5 element that is for a thematic clustering of content. See also:

  • div - for more generic divisions of content
  • article - for independently syndicatable / self-standing chunks of content.

Articles

Articles about the section element and challenges with it, most recent first:

  • Jeremy Keith: HTML5 test results at http://adactio.com/journal/1607/

    I don’t think there needs to be a section element and an article element. I don’t have a particularly strong opinion about which one should stay and which one should go but a little trimming is definitely in order.

  • Bruce Lawson: The section element at http://html5doctor.com/the-section-element/

    ...the questions we receive most are about using the section element, and we realise that we’ve been using the section element incorrectly all this time.

    Sorry.

    What we’ve been doing wrong is using section to wrap content in order to style it, or to demarcate the main content area from the nav, header, footer etc. These are jobs for div, not section.

    [Emphasis added].

See Also