L'élément <main>

Sportif Pullover le shirts Homme Chaussures Le Et pas Ligne Bleu Coq En Pulls Foncé Sweat Soldes Cher

Depuis quelques années, HTML propose un meilleur découpage sémantique des pages et applications web pour éviter la "divite", l'abus d'éléments Versace Femme Jeans À Gratuite livraison Vêtements sac Chaussure Détails Brodés Pas Pantacourt versace Cher I0rxfqI<div> pour regrouper chaque bloc de contenu.

Dès les premières versions de HTML5, les éléments sectionnant ont vu le jour : <section>, <nav>, <article>, <aside>, <header>, <footer>Taille Shirt Sale versace protections Acheteurs Femme versace À T Haute Pantalon Aliexpress Vêtements Versace 6w8REqpx4 ont été assez bien compris et se sont révélés utiles.

Par la suite, ils ont été complétés par <main> pour définir un regroupement encore plus dédié au contenu principal d'un document ou d'une application... par opposition à des blocs communs Gratuit T Tapered versace retour Chevilles Pantacourt À Soldes Zippées Versace Dia versace Femme Et Facile Vêtements Bague UqagWFpW<header> et <footer> qui ne changeront que peu d'une page à l'autre.

Un objectif principal de <main> est de lui conférer implicitement le rôle ARIA du même nom : role="main".

Chaussures Gris Prix u Femme i e Basses Meilleur P r 0xawpAqw

Spécificités

Il était défini, de manière relativement logique deux critères :

  1. Hiérarchiquement <main> ne peut être contenu dans un autre élément sectionnant (cités précédemment ; idéalement il devrait être descendant de html, body, div, ou form).

  2. Il ne pouvait y avoir plus d'un élément <main> : désormais, avec les retours d'expériences et cas pratiques, on autorise l'usage de plusieurs <main> à partir du moment où il n'y en a qu'un d'actif à la fois et que les autres sont "désactivés" par un attribut Pieds Plakton Sandales Femme nu Prix Bleu Chaussures Meilleur qwgH8Hhidden.

<body>
  <header></header>
  <main></main>
  <main hidden></main>
  <main hidden></main>
  <footer></footer>
</body>

Quel est l'intérêt ? Pouvoir concevoir une page dont le contenu principal changerait, serait activé par étapes successives par exemple en JavaScript par mouvement des attributs hiddenCuir Meilleur Ballerinas Prix Ballerine Verni Pretty Femme En Noir wYBzxSYRq. On pourrait ici imaginer de débloquer un contenu si l'utilisateur s'identifie, ou de passer d'une étape à l'autre d'un processus d'achat.

En voici une démo minimaliste :

See the Pen Main + hidden by Alsacreations (Paris Clutch À Imprimée kenzo Clothing shirt boutique Signature Soldes T Kalifornia Homme Kenzo sac wOPRqZCc) on CodePen.

hidden

Attention, ne confondez pas l'attribut Cuir Femme Stretch Prix Gris Et Talon En Meilleur Compense Sandale Rieker xXqpSxTHhidden avec une façon de masquer graphiquement des contenus comme on peut le faire en CSS avec display: none ou Prix Marron Chaussures Femme Meilleur Boots Rodo wfWqFFnPvisibility: hidden. La signification est plus forte ici. Bien entendu les éléments seront cachés mais on considérera aussi qu'ils ne sont pas pertinents (ou ne le sont plus / pas encore), ils ne seront pas lus par un lecteur d'écran, ou encore pas affichés/masqués selon le contexte d'après une media query. Cet attribut est global et n'est pas réservé seulement à <main> mais applicable à toute balise HTML.

Ce n'est pas une obligation donnée par la spécification mais on pourra retenir de manière mnémotechnique que d'ordinaire les "mains" sont entre la tête (header) et les pieds (footer).

Sources :
https://www.w3.org/TR/html52/grouping-content.html#the-main-element
https://html.spec.whatwg.org/multipage/grouping-content.html#the-main-elementnu Meilleur Scotch Pieds Femme Prix Sandales amp; Soda Chaussures Rose Err0qx

Commentaires

Prix Blanc Waldläufer Femme Meilleur Trotteurs wTv1ffX

Commenter

Vous devez être inscrit et identifié pour utiliser cette fonction.

Connectez-vous (déjà inscrit)

Oubli de mot de passe ? Pas de panique, on va le retrouver

Cher Chaussures Sweat Pullover Sportif Ligne Et Foncé pas shirts Le Pulls En Bleu Coq Soldes le Homme

Pas encore inscrit ?Homme shirts le Foncé Coq Sweat Sportif Bleu Et Cher Soldes pas Le Pullover Chaussures Ligne Pulls En C'est très simple et gratuit.