Skip to content
Related Articles

Related Articles

HTML | <main> Tag

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 18 Jan, 2022

The HTML <main> Tag is used to given the main information of a document. The content inside the <main> element should be unique for the document. Which includes the sidebars, navigation links, copyright information, site logos, and search forms. 
Note: The document must not contained more than one <main> element . The <main> element should not be a child elements of an <article>, <aside>, <footer>, <header>, or <nav> element. 
Syntax: 
 

<main>
    //contents of main Element 
</main> 

Example: 
 

html




<!DOCTYPE html>
<html>
 
<head>
 
    <style>
        .class {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1 class="class">&lt;Main&gt; Tag</h1>
    <main>
        <h1>Programming Languages</h1>
        <p>c programming, C++
          Programming, Java Programming</p>
 
        <article>
            <h1>C Programming</h1>
            <p>C is a Procedural language</p>
        </article>
 
        <article>
            <h1>C++ Programming</h1>
            <p>C++ programming is a
              Object oriented Programming.</p>
        </article>
 
        <article>
            <h1>Java Programming</h1>
            <p>Java is a pure Object
              oriented Programming.</p>
        </article>
    </main>
 
</body>
 
</html>

Output: 
 

Supported Browsers: The browsers supported by <main> Tag are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!