View video tutorial

HTML <main> Tag

HTML

The <main> tag defines the main content of the document.

HTML <main> Tag


The <main> element represents the dominant content of a document.

A document must not contain more than one <main> element.

The <main> element should not be a descendant of any <article>, <aside>, <footer>, <header>, or <nav> element.

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

<h1>HTML main tag example</h1>
<main class="content">
  <section>
    <h1>Where does it come from?</h1>
    <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>
  <article>
    <h2>Article heading</h2>
    <p>Article content. Lorem ipsum, or lipsum as it is sometimes known, Finibus Bonorum et Malorum for use in a type specimen book.</p>
  </article>
  <aside>
    <h3>Aside heading</h3>
    <p>Aside content. The passage is attributed Finibus Bonorum et Malorum for use in a type specimen book</p>
  </aside>
</main>
Try it Now »

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