mozilla
Your Search Results

    <main> Redirect 1

    Summary

    The HTML <main> element represents the main content of  the <body> of a document or application. The main content area consists of content that is directly related to, or expands upon the central topic of a document or the central functionality of an application. This content should be unique to the document, excluding any content that is repeated across a set of documents such as sidebars, navigation links, copyright information, site logos, and search forms (unless, of course, the document's main function is as a search form).

    Note: There must not be more than one <main> element in a document, and it must not be a descendent of an <article>, <aside>, <footer>, <header>, or <nav> element.

    Attributes

    This element only includes the global attributes.

    Example

    <!-- other content -->
    
    <main>
      <h1>Apples</h1>
      <p>The apple is the pomaceous fruit of the apple tree.</p>
      
      <article>
        <h2>Red Delicious</h2>
        <p>These bright red apples are the most common found in many
        supermarkets.</p>
        <p>... </p>
        <p>... </p>
      </article>
    
      <article>
        <h2>Granny Smith</h2>
        <p>These juicy, green apples make a great filling for
        apple pies.</p>
        <p>... </p>
        <p>... </p>
      </article>
    
    </main>
    
    <!-- other content -->

    Specifications

    Specification Status Comment
    WHATWG HTML Living Standard Living Standard Removed the restriction about not using <main> as a descendent of an <article>, <aside>, <footer>, <header>, or <nav> element.
    HTML5.1 (draft) Working Draft No change from HTML5
    HTML5 Candidate Recommendation Initial definition.

    Browser compatibility

    As a newly-proposed feature of HTML, the <main> element is not yet supported widely. You are strongly urged to add the "main" ARIA role to any <main> element:

    <main role="main">
      ...
    </main>
    

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support Chrome 26 21.0 (21.0) Not supported Opera 16 Safari 7
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support Not supported 21.0 (21.0) Not supported Not supported Not supported

    See also

     

    Document Tags and Contributors

    Contributors to this page: Sheppy
    Last updated by: Sheppy,