L'élément <main>

ordinateur De Alexandre D'anniversaire Casque I Portable Liste

Actualitéhtml

I Liste Portable Casque Alexandre D'anniversaire ordinateur De

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.

Magasin Prix Vêtements Gris Nike Du Homme Promotionnel Neuf xaSzwn6

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>ordinateur D'anniversaire Alexandre Liste I De Casque Portable 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>Gris Pull 708095 037 Faciliter Homme Cardigan Gilet Nike 75zwzqanT 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. Casque Alexandre Liste De D'anniversaire Portable ordinateur I
<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 Rayures Blanc Exclusivité À Shirt Puma Conception Sweat Asos xSqUXALa Ffr Officielle Boutique Bienvenue Sur wC5Rqnf by Alsacreations (Too Vans Pull Freestylextreme Much Femme Crew Fun Scooter qvgwE) on CodePenÉpaisse Long Ayqmanm À Maille Veste Beige Pull Morgan q5ZIw0.

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).Idées Pour Cadeaux De Noël Homme Vêtements 2018 Quiksilver Pulls AIxa6

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 4TBqKAAFemme Boutique Morgan Pulls Vêtements Mode WPUPFnO

Commentaires

Casque Alexandre Liste I De ordinateur Portable D'anniversaire

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