mozilla
Your Search Results

    <section>

    Summary

    The HTML Section Element (<section>) represents a generic section of a document, i.e., a thematic grouping of content, typically with a heading. Each <section> should be identified, typically by including a heading (<h1>-<h6> element) as a child of the <section> element.

    Usage notes :

    • If it makes sense to separately syndicate the content of a <section> element, use an <article> element instead.
    • Do not use the <section> element as a generic container; this is what <div> is for, especially when the sectioning is only for styling purposes. A rule of thumb is that a section should logically appear in the outline of a document.

    Attributes

    This element only includes the global attributes.

    Examples

    <section>
      <h1>Heading</h1>
      <p>Bunch of awesome content</p>
    </section>
    

    Example 2

    Before

    <div>
      <h2>Heading</h2>
      <img>some image</img>
    </div>
    

    After

    <section>
      <h2>Heading</h2>
      <img>some image</img>
    </section>
    

     

    Specifications

    Specification Status Comments
    WHATWG HTML Living Standard
    The definition of '<section>' in that specification.
    Living Standard  
    HTML5.1
    The definition of '<section>' in that specification.
    Working Draft  
    HTML5
    The definition of '<section>' in that specification.
    Recommendation  

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support 5 4.0 (2.0) 9.0 11.10 4.1
    Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Basic support 2.2 4.0 (2.0) 9.0 11.0 5.0 (iOS 4.2)

    See also

    Document Tags and Contributors

    Last updated by: Jeremie,