Le nouvel élément HTML 5: main

Rédigé par Webmaster 8 commentaires
Classé dans : Edito, Créer son thème Mots clés : aucun

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 ou nav,
  • 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.
Fil RSS des articles de cette catégorie