<section>: The HTML Section Element

I. Description

The HTML <section> element is used to contain a generic piece of content in a webpage. <section> elements should almost always have their own heading element.

II. Examples

<!DOCTYPE html>
<html>
    <head>
        <title>Example Page</title>
    </head>
    <body>
        <main>
            <h1>Daily News for 2025-APRIL-20</h1>
            <article>
                <h2>Weather Report for Cincinnati Ohio</h2>
                <section>
                    <h3>Morning</h3>
                    <p>
                        The morning should be overcast with a low of 37 degrees
                        Fahrenheit rising to a high of 62 degrees Fahrenheit by
                        12:00PM.
                    </p>
                </section>
                <section>
                    <h3>Afternoon</h3>
                    <p>
                        The afternoon should be clear with blue skies, wind SSW
                        at 5-8 miles per hour. High of 73 degrees Fahrenheit.
                    </p>
                </section>
                <section>
                    <h3>Evening/Night</h3>
                    <p>
                        Clouds should return by 7:00PM, the overnight low is
                        expected to be 39 degrees Fahrenheit.
                    </p>
                </section>
            </article>
        </main>
    </body>
</html>

This document was last updated: