HTML <details>Balise


Exemples

Utilisez l'élément <details> :

<details> <summary>Droits d'auteur 1999-2011.</summary> <p> - par Refsnes Data. Tous droits réservés.</p> <p>Tout le contenu et les graphiques de ce site web sont la propriété de la société Refsnes Data.</p> </details>

Essayez-le vous-même »

Prise en charge des navigateurs

Internet Explorer Firefox Opera Google Chrome Safari

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

Définition et utilisation

La balise <details> spécifie des détails supplémentaires que l'utilisateur peut afficher ou masquer.

La balise <details> est utilisée pour créer un contrôle interactif que les utilisateurs peuvent ouvrir et fermer. Tout type de contenu peut être placé à l'intérieur de la balise <details>.

Le contenu de l'élément <details> n'est pas visible par l'utilisateur tant que l'attribut open n'est pas défini.

Différences entre HTML 4.01 et HTML5

La balise <details> est nouvelle dans HTML5.

Conseils et notes

Astuce :et<summary>La balise <summary> est utilisée avec <details> pour définir un titre pour les détails. Le titre est visible, et lorsque l'utilisateur clique sur le titre, les détails sont affichés.

Attributes

NouveauNouveaux attributs en HTML5.

Attribut Valeur Description
openNouveau open Spécifie si les détails sont visibles.

Attributs globaux

La balise <details> prend en chargeles attributs globaux HTML。

Attributs d'événement

La balise <details> prend en chargeles attributs d'événement HTML。

Autres extensions