Le nouvel élément HTML 5: main
Ce nouvel élément a pour mission de devenir la cible privilégiée du lien « Aller au contenu principal ».
Son utilisation: il va remplacer la <div role=’main’> que nous utilisions jusqu'ici.!
Pour lui appliquer des styles CSS, il suffit de lui faire subir le même sort que les autres balises HTML5 article
, aside
, figcaption
, figure
, footer
, header
, nav
et section
: main { display: block }
.
Cette balise est déjà disponible dans le script html5shiv.js ou dans la dernière version de Rocssti base css de Nicolas Hoffmann, inspirée de Knacss !
Parmi les restrictions, on notera que l’élément main
:
-
Est prévu pour être seul (pas deux
main
dans un document), -
Ne doit pas être utilisé à l’intérieur des éléments
article
, aside,footer
,header
ounav
, -
Se porte mieux avec l’attribut ARIA correspondant
<main role="main"></main>,
- N’est pas prévu, d’une manière générale, pour servir de contenu principal d’une sous-section.