Guide de référence HTML

Complexe de balises HTML

Balise HTML: <details>

L'élément HTML <details> peut créer un panneau qui ne s'affiche que lorsqu'il est déplacé dans un état déplié. L'élément <summary> peut fournir un résumé ou un libellé pour ce composant.

Exemple en ligne

Utilisation de l'élément <details> :

Exemple

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Utilisation de la balise <details> (基础教程网　oldtoolbag.com)</title>
</head>
<body>
<details>
　　　　<résumé>Détails</résumé>
　　　　Quelque chose de suffisamment petit pour échapper à l'attention occasionnelle.（基础教程网　oldtoolbag.com）
</details>
</body>
</html>

Voyons le tester ‹/›

Comment se déroule-t-il :

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Actuellement, seuls Chrome et Safari 6 Prise en charge de la balise <details>.

Définition et instructions d'utilisation des balises

La balise <details> spécifie des détails supplémentaires visibles ou cachés nécessaires.

La balise <details> est utilisée pour fournir des contrôles interactifs ouvrables et closables aux utilisateurs. Tout type de contenu peut être placé à l'intérieur de la balise <details>.

Le contenu de l'élément <details> est invisible pour l'utilisateur, sauf si l'attribut open est défini.

HTML 4.01 et HTML5différences

La balise <details> est une balise HTML5 nouvelles balises.

Avis et remarques

Avis :et <summary> En utilisant conjointement les balises HTML, les details peuvent définir un titre. Le titre est visible et, lorsque l'utilisateur clique dessus, le details est affiché.

Propriété

New : HTML5 nouvelles propriétés.

Propriété	Valeur	Description
openHTML5	open	Détermine si le details est visible.

Propriétés globales

Prise en charge de la balise <details> Propriétés globales HTML.

Propriétés d'événement

Prise en charge de la balise <details> Propriétés d'événement HTML.

Balise HTML: <dfn>Balise HTML: <del>