View video tutorial

HTML <section> Tag

HTML

The <section> tag defines a block or area in a document.

HTML <section>


The <section> element represents a generic self contained standalone block of a document.

Sections should always have a heading and be followed by descriptions, if it is not a generic section.

Generic sections like <div> are used to create opportunities to place other elements.

Global attributes

Global attributes may be applied on all elements, although some elements may have no effect on them.

<accesskey>, <class>, <contenteditable>, <contextmenu>, <data-*>, <dir>, <draggable>, <dropzone>, <hidden>, <id>, <lang>, <spellcheck>, <style>, <tabindex>, <title>, <translate>.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<section>
    <h2>Where does it come from?</h2>
    <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin
        literature from 45 BC, making it over 2000 years old.</p>
    <p>Lorem Ipsum This book is a treatise on the theory of ethics, very popular during the
        Renaissance. The first line of Lorem Ipsum.</p>
</section>
<section>
    <h2>Section heading</h2>
    <p>Lorem ipsum, or lipsum as it is sometimes known, Finibus Bonorum et Malorum for use in a type specimen book.</p>
</section>
<section>
    <h3>Section heading</h3>
    <p>The passage is attributed Finibus Bonorum et Malorum for use in a type specimen book</p>
</section>
Try it Now »

Click on the "Try it Now" button to see how it works.