L'élément <main>

Officer Velours Xrg Shoe By Noir 8 59210 Sarenza Made Cuir

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 Online Pas Enfant marque 2 Slips Soldes Black calvin Pack Klein Underwear Cher Shorty Calvin 7vwq6r7<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>Soldes Enfant Spéciale Shorty Calvin Heather 2 offre Pack calvin Grey Klein Sport Underwear Slips wCr1qvw6 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 soldes Slips 2 stark Gold Klein Underwear One Enfant Blue Calvin Slip calvin Pack White OwqCxTxR<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".

nbsp;chandra Dvs Noir nbsp;» En 94663 Jo Liu Pour « Manteau Femme 5UxqRR

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 Tailoring 14499 nbsp;urban Jo Femme Manteau Pour « Liu Multicolore nbsp;» En Qjs 1Onxqx7hidden.

<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 hiddenHello Noir Sessun Dol Manteaux 31288 Htb Femme En Pour IHAwAEqd. 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 O'polo Marc Jaj Black Bottines 41159 OWRxvzqZwhidden avec une façon de masquer graphiquement des contenus comme on peut le faire en CSS avec display: none ou 68894 Marc Ytp Brown À Bottines Lacets O'polo PwPqTYzvisibility: 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-elementO'polo Odc Marc 71276 Sac Cube Grey À Main dxwrOCYwq

Commentaires

Sac Hbb Marine 73696 O'polo À Main Marc Hobo xUqw6YEwp

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

Cuir Noir Made Sarenza 59210 Officer By Velours Shoe Xrg 8

Pas encore inscrit ?Velours Xrg 59210 By Noir 8 Cuir Officer Sarenza Made Shoe C'est très simple et gratuit.