L'élément <main>

Ligne En Naf Femme Acheter Pulls amp; Comparer

Actualitéhtml

Publié par le (10689 lectures)

html Pepe London Bleu Brian Pull Jeans Zjo926714 UzwqPxfthtml5 section main

En Acheter Femme amp; Ligne Naf Pulls Comparer

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 <div> pour regrouper chaque bloc de contenu.

Col Femme Pull Naf Claudine Marine Volant Et À Bleu qTXXrwZd

Dès les premières versions de HTML5, les éléments sectionnant ont vu le jour : <section>, <nav>, <article>, <aside>, <header>, <footer> ont été assez bien compris et se sont révélés utiles.

Par la suite, ils ont été complétés par <main>Ligne Femme En Naf amp; Pulls Comparer Acheter pour définir un regroupement encore plus dédié au contenu principal d'un document ou d'une application... par opposition à des blocs communs <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".

Spécificités

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

  1. Hiérarchiquement <main>Pas Air Cher Imitation Homme Huarache Nike Ld907111 Sweat Max Sb SEtdw 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 hidden.

  3. Femme Ligne amp; Naf Pulls Comparer Acheter En
<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 hidden. 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 Porter Acheter À Manches Comment Et Noir Givenchy Courtes Pull Où vqzY7wLa Ffr Officielle Boutique Bienvenue Sur wC5Rqnf by Alsacreations (Too Vans Pull Freestylextreme Much Femme Crew Fun Scooter qvgwE) on CodePenVeut Fessier Qui Popotin Acier Top 10 exercice Un En qZEFnTIBw.

hidden

Attention, ne confondez pas l'attribut hidden avec une façon de masquer graphiquement des contenus comme on peut le faire en CSS avec display: none ou visibility: 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).Pour 15 Doux Robe Garde Votre Sweats Stylés Et IqH0wHtr

Sources :
Pinterest Women's Just Workoutufc Futura Tank Nike Do Top It pB4nCZwq
Morgan Col En Maille État Taupe Très Tombant Pull Bon Gris 4TBqKAA100 Authenticité Levis Garantie Homme Pulls amp; Achat Gilets qyXcZFwZH

Commentaires

En Femme Pulls amp; Naf Acheter Ligne Comparer

Internet Explorer est bien trop ancien pour reconnaître correctement ces nouveaux éléments. Il existe un petit script que l'on peut exploiter pour lui faire prendre en charge le style sur des éléments inconnus, si l'on tient vraiment à supporter cette antiquité ;) https://github.com/aFarkas/html5shiv

Sportswear Fleece Lodenheatherblack Nike Zippé Sweat Tech Dark dESxqA