Manuel de référence HTML

Complète des balises HTML

HTML: Balise <main>

Balise <main> en HTML est une balise HTML5Balise, utilisée pour définir le contenu principal du document HTML, et il ne devrait y avoir qu'un seul élément <main> dans le document. Ce balise est également appelé élément <main>.

Exemple en ligne

La syntaxe du balise <main> en HTML est :

<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>Une ressource fiable pour apprendre de nouvelles technologies</p>
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>Apprenez HTML (HyperText Markup Language) à travers nos tutoriels en étapes et nos ressources.</p>
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>Apprenez CSS (Feuilles de Style en Cascade) à travers nos tutoriels en étapes et nos ressources.</p>
　　</article>
</main>
</body>

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Le balise <main> est pris en charge par tous les navigateurs web principaux.

Essayer en ligne l'exemple

Exemple

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　Utilisation du balise <main> (Tutoriel de base oldtoolbag.com)</title>
</head>
<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>Une ressource fiable pour apprendre de nouvelles technologies.</p>
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>Apprenez HTML (HyperText Markup Language) à travers nos tutoriels en étapes et nos ressources.</p>
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>Apprenez CSS (Feuilles de Style en Cascade) à travers nos tutoriels en étapes et nos ressources.</p>
　　</article>
</main>
</body>
</html>

Testez pour voir ‹/›

définition et instructions d'utilisation des balises

L'élément HTML <main> est trouvé à l'intérieur de la balise <body>.5éléments.

La balise <main> ne doit pas être utilisée pour du contenu répété, comme la navigation, le logo du site, les liens de réseaux sociaux, les informations de copyright et les barres latérales.

il est recommandé d'utiliser le rôle ARIA "main" sur l'élément <main> afin que les lecteurs d'écran des anciens navigateurs puissent y accéder, par exemple : <main role="main">

pour les IE avant 9browsers IE, veuillez utiliser HTML5shiv, c'est une solution JavaScript qui peut résoudre les nouveaux HTML5fournissent un soutien, par exemple : <header>, <main>, <article>, <section>, <aside>, <nav>, <footer>.

Dans le document, le contenu de l'élément <main> doit être unique. Toute contenu similaire ou répété qui existe dans une série de documents, comme les barres latérales, les liens de navigation, les informations de copyright, le logo du site, la boîte de recherche (à moins que la boîte de recherche ne soit la fonction principale du document), ne doit pas être inclus à l'intérieur.

HTML5: <mark> balise HTML: Balise <map>