1. The section element represents a generic section of a document or application
2. A section, in this context, is a thematic grouping of content, typically with a heading
3. Sections should always have a heading, with very few exceptions

1. Examples of sections would be
   1. chapters
   2. the various tabbed pages in a tabbed dialog box
   3. the numbered sections of a thesis
2. A Web site's home page could be split into sections for
   1. introduction
   2. news item
   3. contact information
3. The section element is not a generic container element
4. When an element is needed for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead
5. A general rule is that the section element is appropriate only if the element's contents would be listed explicitly in the document's outline

HTML

<h1>Choosing an Apple</h1>
<section>
    <h2 class="revert">Introduction</h2>
    <p>This document provides a guide to help with the important task of 
        choosing the correct Apple</p>
</section>

<section>
    <h2 class="revert">Criteria</h2>
    <p>
    There are many different criteria to be considered when choosing an Apple — size,
    color, firmness, sweetness,
    tartness...
    </p>
</section>

Browser