<main></main> tag HTML

Example

A simple <main> tag that open PNLdev.com link:

<main>
<article><p>Lorem ipsum</p></article>
</main>

Laboratory

description & Usage

<main> tag is used to create and define the main content of an html document.

The content inserted in the <main> tag should be brief to the relevant document.

Notes

Note: The <main> tag should be used only once in each document.

Browser compatibility and Support

#	Chrome	Edge	Firefox	Safari	Opera
<main>

Global Attributes

The main tag supports the HTML Global Attributes.

Event Attributes

The main tag supports the HTML Event Attributes.

More Examples

Example

HTML <main> tag with custom style -Example #1

<head>
    <style>
        main {
        margin: 0;
        padding: 10px;
        background-color: rgb(86, 165, 255);
        }
        .browser {
        background: rgb(0, 124, 240);
        }
        .browser > h2, p {
        margin: 6px;
        font-size: 85%;
        }
        main > h1, p, .browser {
        margin: 5px;
        padding: 10px;
        }
    </style>
</head>
<body>
    <main>
        <h1>The basic foundation of web design</h1>
        <p>HTML, CSS and JavaScript are the main design basis of the site</p>
        <article class="browser">
            <h2>HTML</h2>
            <p>HTML is a markup language used to create websites. This language uses tags and attributes to define the structure and content of the website.</p>
        </article>
        <article class="browser">
            <h2>CSS</h2>
            <p>CSS is a styling language used to design websites. This language allows to apply styles, layouts and appearance changes to web pages.</p>
        </article>
        <article class="browser">
            <h2>js</h2>
            <p>JavaScript is a programming language used to create dynamic and interactive websites. This language allows creating animations, controlling forms, changing content and communicating with the server.</p>
        </article>
    </main>
</body>

Laboratory