Exemple
Utilisation de la <details> élément:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Essayez - le vous - même » Définition et utilisation
Les <details> tag spécifie des détails supplémentaires que l'utilisateur peut afficher ou masquer à la demande.
Les <details> tag peut être utilisé pour créer un widget de interactif que l'utilisateur peut ouvrir et fermer. Toute sorte de contenu peut être mis à l' intérieur de la <details> tag.
Le contenu d'un <details> élément ne doit pas être visible à moins que l' open attribut est défini.
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge totalement l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | Non supporté | 48,0 | 6.0 | 15.0 |
Différences entre HTML 4.01 et HTML5
Le <details> tag est nouvelle en HTML5.
Trucs et astuces
Astuce: Le <summary> tag est utilisé pour spécifier une position visible pour les détails.Le titre peut être cliqué pour afficher / masquer les détails.
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| open | open | Indique que les détails doivent être visibles (ouverte) à l'utilisateur |
Attributs globaux
Le <details> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <details> tag soutient également l' événement Attributs en HTML .
Pages associées
HTML référence DOM: Details Objet
Paramètres par défaut de CSS
La plupart des navigateurs afficheront les <details> élément avec les valeurs par défaut suivantes:
details {
display: block;
}