Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML5: <mark> etichetta HTML: <map> etichetta

HTML: <main> elemento

Il tag <main> di HTML è un elemento HTML5 utilizzato per definire il contenuto principale del documento HTML, e dovrebbe esserci solo un elemento <main> nel documento. Questo tag è anche noto come elemento <main>.

Esempio online

Nel HTML, la sintassi del tag <main> è:

<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>Risorsa affidabile per imparare nuove tecnologie</p>
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>Impara HTML ( Linguaggio di markup ipertestuale ) attraverso le nostre guide passo-passo e le risorse disponibili.
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>Impara CSS ( Fogli di stile cascading ) attraverso le nostre guide passo-passo e le risorse disponibili.
　　</article>
</main>
</body>

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano il tag <main>.

Prova online l'esempio

Esempio

<!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>Utilizzo del tag <main> in HTML5 (Sito di base tutoriali oldtoolbag.com)</title>
</head>
<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>Risorsa affidabile per imparare nuove tecnologie.
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>Impara HTML ( Linguaggio di markup ipertestuale ) attraverso le nostre guide passo-passo e le risorse disponibili.
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>Impara CSS ( Fogli di stile cascading ) attraverso le nostre guide passo-passo e le risorse disponibili.
　　</article>
</main>
</body>
</html>

Prova a vedere ‹/›

Definizione e istruzioni per l'uso delle etichette

L'elemento HTML <main> è un elemento HTML5 trovato all'interno del tag <body>.

L'etichetta <main> non dovrebbe essere utilizzata per contenuti ripetuti, come la navigazione, il logo del sito, i link dei social media, le informazioni sul copyright e i pannelli laterali.

Si consiglia di utilizzare il ruolo ARIA 'main' sull'elemento <main> per permettere ai lettori di schermo degli browser obsoleti di accedervi, ad esempio: <main role="main">

Per i browser IE precedenti all'IE 9, utilizzare HTML5shiv, che è una soluzione JavaScript che fornisce supporto per i nuovi elementi HTML5, come <header>, <main>, <article>, <section>, <aside>, <nav>, <footer>.

Nel documento, il contenuto dell'elemento <main> dovrebbe essere unico. Tutti i contenuti identici e ripetuti che esistono in una serie di documenti qualsiasi, come i pannelli laterali, i link di navigazione, le informazioni sul copyright, il logo del sito, il campo di ricerca (a meno che il campo di ricerca non sia la funzione principale del documento), non dovrebbero essere inclusi al suo interno.

HTML5: <mark> etichetta HTML: <map> etichetta