A quoi sert la balise <main> ?

**Obi Juan Kenobi** · 14/11/2020, 10h07

Bonjour à vous tous,

Je continue mes révisions du HTML et j'apprends qu'il existe une nouvelle balise de structuration de la page web nommée <main>. Apparemment, elle n'est pas sortie en même temps que les 6 autres balises de structuration (header, nav, section, article, aside et footer), elle est sortie plus tard, et elle définit le contenu principal de la page ainsi qu'elle ne doit être utilisée qu'une seule fois dans la page web. Je ne comprends pas bien l'utilité de cette balise et je ne sais pas où elle se place dans la page quand on structure de cette façon :

Nom : schema2.png
Affichages : 2185
Taille : 32,2 Ko

Quelqu'un saurait m'expliquer l'intérêt de cette balise et surtout où elle se place dans la page ?

**javatwister** · 14/11/2020, 10h33

Bonjour,

Si tu as "trouvé" cette balise, tu dois bien avoir une idée de son rôle, non?

Comme son nom l'indique, elle cible le contenu principal (actif) du document.

**AdmChiMay** · 14/11/2020, 10h33

Bonjour,

Le site https://developer.mozilla.org/fr/ est une mine d'information pour les commandes du web, Alsacréations est pas triste non plus.
En attendant :
https://developer.mozilla.org/fr/doc...L/Element/main

Bonne journée !

**Obi Juan Kenobi** · 14/11/2020, 12h28

Envoyé par javatwister

...

Tu es bien gentil, et je t'en remercie, mais je ne suis pas plus avancé avec ton explication où, selon toi, j'aurai dû comprendre du premier coup vu que je suis tombé sur la balise <main>.
C'est tellement évident pour toi que tous les autres doivent aussi comprendre l'évidence !
De plus, cela ne m'indique pas où l'utiliser dans une structuration HTML.

**Obi Juan Kenobi** · 14/11/2020, 12h52

Envoyé par AdmChiMay

...

Merci pour ces liens qui m'ont vraiment aidé à comprendre l'intérêt de l'utilisation de la balise <main> surtout celui d'Alsacréation. La balise <main> indique la partie qui devra s'afficher dès que la page est appelée et ensuite, la réutilisation de cette balise avec l'attribut hidden indique les autres parties qui devront rester masquées à l'écran tant qu'on n'a pas cliqué, par exemple, sur un bouton du genre "Etape suivante". Dans ce cas, à chaque clic sur le bouton, on pourra afficher l'autre partie de <main hidden> et ainsi de suite. Il faut coder en Javascript pour gérer l'affichage de <main> et les autres <main hidden>.

Au début, je pensais que la balise <main> permettait d'indiquer de quoi causait la page web. Je pensais que c'était juste une indication éditoriale et c'est pour cela que je ne comprenais pas l'intérêt de cette balise. Mais, en réalité, c'est une balise qui permute du contenu en fonction d'actions gérées par l'utilisateur. Par exemple, imaginons une page de règlement où le contenu de chaque étape s'affichera au fur et à mesure dès actions d'un déroulement d'achat (1ère étape : identification, 2ème étape, : livraison, 3ème étape : paiement).

J'ai aussi compris que cette balise ne s'utilise que dans la balise <body> jamais dans <header>, ni <footer>.

A quoi sert la balise <main> ?

HTML

Discussions similaires

Partager

Partager