section

<section> element – represents a part of a document which would typically have a titlee or heading.

Usage: typically used to separate parts of our web page into “chunks.” There can be multiple sections on a given page.

Permitted Content: must not appear as a descendent of the <address> element.

Tag omission: both start and end tag must be present.

Example code:

<section>
<article>
<header>
<hgroup>
<h2>Video</h2>
<h3>Posted on <time datetime=”2010-08-14″ pubdate>August 14, 2010</time> by Mark DuBois</h3>
</hgroup>
</header>
<p>All…</p>
<p>Posted…</p>
</article>
<article>
…
</article>
</section>

Example page (opens in a new tab/ window – view source code):

• http://learning-html5.info/examples/BasicWeblogText.html (note: this page has no CSS styling, it is simply intended to show the overall structure of the HTML5 page).

Default display properties: display: block.

Common Attributes: typical global attributes only.

Permitted Parent Elements: any element which can contain flow elements.

References:

• http://dev.w3.org/html5/markup/section.html