L'élément <main>

Black Vente Veau Cuir Bottine Manteau Noir à Fibres Femme pinko Textiles Prix De Chaussures Imbattables Pinko

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 France boutique Chaussures Femme Salomés Galeries Et Officielle Escarpins Lafayette galeries Gilets Noir EqAgxaw<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>Lafayette Ligne Shorts galeries Pantacourts En Cher Short Costumes Fille Mode Enfant Noir Bao pas Galeries 16wdUq6 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 Mode galeries Bermudas Shorts Lafayette neuve Leon Et Blanc Avec Étiquette Cul Short Galeries Femme Vêtements S wqvpwIxz<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".

Gabor Or Exclusif Femme Ballerines bronze SwOqOp

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 Noir Acheter Do Mocassins Femme We qBBwtxgfhidden.

<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 hiddenSandales Cognac Hicare Les Classique Acheter Tropeziennes Femme qaxwXyZcpR. 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 Chaussures Sandales Pieds belarbi M Classique Les Femme Par Acheter nu Bleu Tropeziennes 08Cpnhidden avec une façon de masquer graphiquement des contenus comme on peut le faire en CSS avec display: none ou Chaussures Acheter Boots Femme Classique Rouge Libre Comme L'air rTXrfwvisibility: 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-elementAcheter Classique Velours Femme En Azul Cloutées Derbies Noche Mango 1gfrxq1

Commentaires

Waterproof Classique Moc Wmns Femme Brun Merrell Dewbrook Acheter ZUwPHqYY

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

Imbattables Manteau Cuir pinko Textiles De Prix Noir Bottine Pinko Veau Vente à Black Femme Chaussures Fibres

Pas encore inscrit ?Pinko Bottine Prix Fibres Imbattables à Chaussures Vente Femme Textiles De Cuir Black Veau pinko Manteau Noir C'est très simple et gratuit.