The **`<main>`** tag is used to specify the dominant content of a document. It consists of the content that is directly related to the central topic. Redundant content such as sidebars, navigation links, and search forms are avoided under the `<main>` tag. In addition, a document must not contain more than one `<main>` element.


`<main>` does not contribute to the structure of the document like elements such as `<h1>` (Heading) or `<body>` does. Therefore, its usage is strictly informative and does not affect the DOM's concept of the page's structure.

# Example

An example of how the `<main>` tag can be used in an HTML document is as follows:

<html>
 <head>
 </head>
 <body>
  <main>
    <h1>Laptops</h1>
    <p>Apple MacBook and Windows Surface are most used laptops.</p>

    <article>
      <h2>Apple MacBook</h2>
      <p>The MacBook is a brand of Macintosh laptop computers designed and marketed by Apple Inc.</p>
    </article>

    <article>
      <h2>Windows Surface</h2>
      <p>Microsoft Surface is a series of touchscreen-based personal computers and interactive whiteboards designed and developed by Microsoft.</p>
    </article>
  </main>
 </body>
</html>

codemirror

What is the main element in HTML?

The  tag is used to specify the dominant content of a document. It consists of the content that is directly related to the central topic. Redundant content such as sidebars, navigation links, and search forms are avoided under the  tag. In addition, a document must not contain more than one  element.  does not contribute to the structure of the document like elements such as  (Heading) or  does. Therefore, its usage is strictly informative and does not affect the DOM s concept of the page s structure. Example An example of how the  tag can be used in an HTML document is as follows: 