<main>

Sommario

L'elemento HTML <main> rappresenta il contenuto principale del <body> di un documento o di un'applicazione. L'area principale consiste di un contenuto che è direttamente in relazione con, o si estende su, il tema centrale di un documento o la funzionalità centrale di un'applicazione. Tale contenuto dovrebbe essere unico all'interno del documento, ad esclusione di qualsiasi contenuto che si ripete attraverso una serie di documenti quali potrebbero essere le barre laterali, link di navigazione, informazioni di copyright, loghi e moduli di ricerca (a meno che, ovviamente, la funzione principale del documento sia lo stesso modulo di ricerca).

Nota: Non deve esserci più di un elemento <main> all'interno di un documento, e non deve essere un discendente di un elemento <article>, <aside>, <footer>, <header>, o <nav>.

Categorie di contenutoFlow content, palpable content.
Contenuto permesso Flow content.
Omissione di tag Nessuna; entrambi i tag di inizio e fine sono obbligatori.
Elementi genitori permessiOgni elemento che accetta flow content, ma non può essere un discendente di un elemento <article>, <aside>, <footer>, <header>, o <nav>.
Interfaccia DOM HTMLElement

Attributi

Questo elemento include solo gli attributi globali.

Esempio

<!-- altro contenuto -->

<main>
  <h1>Mele</h1>
  <p>La mela è il frutto pomoforme dell'albero di mele.</p>
  
  <article>
    <h2>Red Delicious</h2>
    <p>Queste mele rosso brillante sono le più comuni che si possono trovare in molti
    supermercati.</p>
    <p>... </p>
    <p>... </p>
  </article>

  <article>
    <h2>Granny Smith</h2>
    <p>Queste succose mele verdi sono un'ottimo ripieno per le torte
    di mela.</p>
    <p>... </p>
    <p>... </p>
  </article>

</main>

<!-- altro contenuto -->

Specifiche

Specifica	Stato	Commento
WHATWG HTML Living Standard The definition of '<main>' in that specification.	Living Standard	Rimossa la restrizione che prevedeva il non utilizzo di `<main>` come discendente di un elemento `<article>`, `<aside>`, `<footer>`, `<header>`, o `<nav>`.
HTML5.1 The definition of '<main>' in that specification.	Working Draft	Nessun cambiamento da HTML5
HTML5 The definition of '<main>' in that specification.	Recommendation	Definizione iniziale.

Compatibilità con i browser

In quanto nuova funzione proposta per HTML, l'elemento <main> non è ancora ampiamente supportato. Si è quindi fortemente incoraggiati ad aggiungere il ruolo ARIA "main" ad ogni elemento <main> inserito:

<main role="main">
  ...
</main>

Desktop
Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Supporto di base	Chrome 26	21.0 (21.0)	Not supported	Opera 16	Safari 7

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Supporto di base	Not supported	21.0 (21.0)	Not supported	Not supported	Not supported

Vedi anche

Elementi strutturali di base: <html>, <head>, <body>
Elementi di sezione: <article>, <aside>, <footer>, <header>, or <nav>