Định nghĩa và sử dụng

Tag <section> định nghĩa một khu vực (vùng bao) trong văn bản HTML.

Tag <section> bên trong thường chứa một <hx> và nội dung.

Cấu trúc

<section>
<h2>Tiêu đề section</h2>
...
</section>

Ví dụ

<section id="layout">
    <header>
        HEADER

        <nav>
            <ul>
                <li><a href="#">Trang chủ<a></li>
                <li><a href="#">Giới thiệu<a></li>
                <li><a href="#">Sản phẩm<a></li>
                <li><a href="#">Liên hệ<a></li>
            </ul>
        </nav>
    </header>

    <section id="pageBody">
        <section id="content">
            CONTENT
            <article>ARTICLE</article>
        </section>

        <aside>ASIDE</aside>
    </section>

    <ul>
        <li>BOX 1</li>
        <li>BOX 2</li>
        <li>BOX 3</li>
        <li>BOX 4</li>
    </ul>

    <footer>FOOTER</footer>
</section>

HTML5