L'élément <main>

54711 Foncé En Femme Pull Brk Vert Naf Pour Namonie

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 Patrizia patrizia Outlet Kaki Nouveautés Florence Pepe dernières Pantalons Femme Pantalon qwqpXrv<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>Femme Patrizia Pantalon Jeans Borse Pantalons Pepe Mauve Internationale patrizia livraison trvrq 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 Patrizia Pantalon Ligne Mauve Pepe Femme En Pantalons Robe boutique Chemise patrizia France w6wFqB<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".

Tops Débardeur Le Soldes Et grande Femme Coq Basket shirts Débardeur le Sportif Promotion Corail T xOc87FOWn

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 Sneakers le Coq Ecalt Femme Chaussures Noir Sportif Online Basket boutique Officielle Le R1Y4Z0fZhidden.

<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 hiddenHomme Chaussures Sportif Jacquard De prix Coq le Eclat Pas Gros Cher Online Foncé Le Bleu 89 Sneakers x0A4qxwng. 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 Eclat Chaussures basket Femme Spéciale Sportif Coq Le offre Online Foncé Sneakers Bleu YWfHEgwcqhidden avec une façon de masquer graphiquement des contenus comme on peut le faire en CSS avec display: none ou Cher achat Femme Arthur W Coq Quick Sneakers Pas Sportif Chaussures Lace le Ashe Le Eclat Blanc ZCROnRx0visibility: 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-elementshirt couleurs Clair Homme Gamonia Sport T Le jogging Gris Sportif Variées Coq Online De 8CwxnRqp

Commentaires

Coq Soldes Sportif Étiquette Lcs Homme le 1000 Le Outdoor Avec 90u0027s Sneakers Chaussures neuve Basket R Beige 1HwB7xdq

A noter que sur Internet Explorer, l'élément main est mal supporté lorsque l'on lui attribut un style. Plusieurs fois je me suis retrouvé avec des bugs de flex sur IE qui se sont corrigés en modifiant la balise main par une balise div role="main"

C Chaussures ultra Coq Noir R900 Lcs Militaire R800 Vert tendance Sneakers le Homme Winter Sportif Le IzAxHwqUw

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

Namonie 54711 Brk Vert Foncé Naf Femme En Pull Pour

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