The section element represents a generic standalone section of the page. Similar to the div, it is used to group elements, but unlike the div, a section always has a heading element and additional elements with related content.

We’ll add two sections to our page, one for “Anatomy and Physiology” and one for “Behaviour”:

+  <section>
    <h2>Anatomy and Physiology</h2>
    <p>The largest living species of turtle (and fourth-largest reptile) is the leatherback turtle which can reach over 2.7 m (8 ft 10 in) in length and weigh over 500 kg (1,100 lb).</p>
    <p>The shell of a turtle is unique among vertebrates and serves to protect the animal and provide shelter from the elements.</p>
+  </section>
+  <section>
    <h3>Diet and Feeding</h3>
    <p>Most turtle species are opportunistic omnivores; land-dwelling species are more herbivorous and aquatic ones more carnivorous.</p>
    <p>Turtles generally eat their food in a straightforward way, though some species have special feeding techniques.</p>
+  </section>
    <img src=""/>
    <img src=""/>
    <img src=""/>

The two sections will have a lighter purple background, compared to the main.

Here’s our page so far:

Screenshot of page with purple background behind sections.