Résumé

  • Avec details et summary, le navigateur ouvre ou ferme une zone lorsque le lecteur agit sur son intitulé.
  • Un même attribut name peut rendre plusieurs zones exclusives : ouvrir une porte en referme alors une autre.

Certaines pages ressemblent à un bureau après une semaine sans classement : notice, réglages et détails secondaires se disputent la première ligne. Pour ranger ce désordre, les auteurs fabriquaient des panneaux repliables à coups de scripts. HTML a fini par proposer une charnière de série. On place un summary au début de details; le navigateur montre l’intitulé et se charge de l’ouverture. Le lecteur, lui, tient la poignée. Petite mécanique, grande différence dans la manière de parcourir une page.

Le premier brouillon public du langage HTML publié par le W3C en mars 2010 signalait details et summary comme nouveaux. Il présentait le premier comme un contrôle donnant accès à des informations à la demande, avec l’attribut booléen open. Le texte inscrit une idée nette dans le langage : une partie du document peut rester disponible tout en attendant l’action du visiteur.

La référence W3C de 2011 conserve cette grammaire. Le résumé précède le contenu; open indique que ce contenu doit apparaître. Cela évite de confier toute la signification d’un panneau à un fichier JavaScript caché ailleurs. L’auteur reste maître du texte placé derrière la porte et de l’étiquette collée devant. Une étiquette « Plus » économise quelques caractères; « Voir les réglages de copie » économise une devinette.

La norme HTML actuelle précise la mécanique. Le premier summary enfant sert de légende; si l’auteur l’oublie, le navigateur doit en fournir une. Sans open, seul le résumé s’affiche. Avec lui, le reste apparaît. Pour répondre au lecteur, le navigateur ajoute ou retire cet attribut. Un événement toggle permet aussi de suivre le changement. La relation entre le document, l’état affiché et le geste de l’utilisateur tient dans une règle lisible.

Les règles de rendu décrivent même le petit indicateur qui passe de fermé à ouvert. Ce triangle n’a rien d’un feu d’artifice. Il fait mieux : il donne un signal familier, aussi évident qu’un interrupteur placé à côté de la porte qu’il commande. Rapports de progression, options facultatives, longues pages de référence : tous peuvent profiter d’un repli sans construire un théâtre de scripts.

Une nouveauté de la norme vivante ajoute une discipline de couloir. Des éléments details portant le même name forment un groupe exclusif : quand on en ouvre un, le précédent se ferme. Voilà un accordéon natif. Le texte de la norme prévient lui-même que cette exclusivité peut agacer celui qui veut consulter deux panneaux en même temps. Une page plus nette à l’écran peut exiger davantage de clics. Le rangement n’est pas toujours gratuit; quelqu’un en paie la manutention.

Cette histoire minuscule partage les rôles avec une belle précision. L’auteur découpe et nomme. Le navigateur manœuvre la charnière. Le lecteur choisit d’entrer. Puis name permet à l’auteur de décider combien de portes resteront ouvertes. Sous l’apparence d’un simple accordéon se cache une négociation sur l’attention. La bonne étiquette promet quelque chose de précis; la bonne page laisse assez d’espace au lecteur pour garder ses documents ouverts.