DONT ADD ANYTHING HERE!

  1. The main element represents the dominant contents of the document.
  2. A document must not have more than one main element that does not have the hidden attribute specified
  3. A hierarchically correct main element is one whose ancestor elements are limited to
    1. html
    2. body
    3. div
    4. form

Example

HTML

<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>

Browser

Apples

The apple is the pomaceous fruit of the apple tree.

Red Delicious

These bright red apples are the most common found in many supermarkets.

...

...

Granny Smith

These juicy, green apples make a great filling for apple pies

...

...


Notes

Mnemonic

References