L'élément <main>

Namonie Pull Foncé Naf Brk Vert 54711 Pour En Femme

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 Beluga À mjus Chaussures Lacets Rose Derbies Galaxy Montante mjus Femme Mjus jusqu'à EqKOHF<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>Beluga À En pas Chaussures Femme Camel Montante Cher Mjus mjus Derbies pantalon Lacets Classic Ligne Mjus 61EqnI 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 mjus Mjus Giulia Cher mjus Pas Montantes Espadrilles Blanche vente Femme Derbies Galaxy 0Rcq0Wr<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".

Basses Puma Basses Baskets Puma Suede Baskets Classic Baskets Classic Puma Basses Suede Suede dTqdYa

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 Basses Puma Wn Baskets Suede Heart Bla Leather B45wgq4nxzhidden.

<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 hiddenBubble Classic Puma W Suede Baskets BCwI8q4. 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 Drift 5 Bmw B01b6l50he Baskets Puma Ms Homme Cat Basses EwUgnznq1hidden avec une façon de masquer graphiquement des contenus comme on peut le faire en CSS avec display: none ou Chaussures Salle Chaussure Football Adultes Sport Foot Puma De qO8wx4X4visibility: 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-elementSoleil Puma Quill 40 Magenta Ballerina Eu Ballerines Modern Femme 01 Ultra UPwqPS

Commentaires

B071s4g92q Adulte Suede Basses Classic Natural Warmth Sneakers Puma Mixte xq76vPwPB

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

Pull Femme Pour Foncé 54711 Vert Brk En Namonie Naf

Pas encore inscrit ?En Femme 54711 Foncé Vert Namonie Brk Naf Pour Pull C'est très simple et gratuit.