<details> : Démo HTML5
Mise à jour : 2017-01-22
<details>
- open : indique si le détail doit être visible ou non par défaut
Notes sur le tuto
- <summary>, qui ne peut être qu'un fils de <details>, représente un résumé, sinon le résumé par défaut est "Details".
- Le validateur du W3C ne reconnait pas la version par défaut (sans <summary>).
- Limitations :
- Safari sous iOS présente bien le détail par défaut (sans <summary>), mais ne permet pas de le développer.
Exemple de code HTML5
"Le Cygne Noir" <details> La puissance de l'imprévisible Nassim Nicholas Taleb (Les Belles Lettres - 2008) </details><br> "Le Cygne Noir" <details> <summary>La puissance de l'imprévisible</summary> Nassim Nicholas Taleb (Les Belles Lettres - 2008) </details>
Démonstration du résultat HTML5
"Le Cygne Noir"
La puissance de l'imprévisible
Nassim Nicholas Taleb (Les Belles Lettres - 2008)
"Le Cygne Noir"
La puissance de l'imprévisible
Nassim Nicholas Taleb (Les Belles Lettres - 2008)Détection automatique du support HTML5
Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)<script src="_html5detect.js"></script> <script>isTagSupported("details")</script>