41Mag - Balise <details> HTML5

Balise <details> HTML5

Exemple de balise <details> en HTML5

1
2
3
4
<details>
<summary>Copyright 2012.</summary>
<p>41Mag.fr - Tous droits réservés</p>
</details>

Définition et usage de la balise <details> en HTML5

La balise <details> définit les détails supplémentaires que l’utilisateur peut afficher ou masquer à la demande.

Le contenu d’un élément <details> ne devrait pas être visible, sauf si l’attribut open est défini. (A l’heure actuel, Avril 2012, seul Chrome est compatible avec <details>).

Astuce : La balise <details> peut être utilisé, par exemple, pour créer un widget interactif que l’utilisateur peut ouvrir et fermer. A l’intérieur de cette balise, vous pouvez inclure tout type de contenu. La balise <summary> est utilisé pour définir une position visible pour les détails. Le titre pourrait être cliqué pour afficher et/ou masquer les détails.

Évolution par rapport au HTML 4.01

L’élément <details> est une nouvelle balise en HTML5.

Attribut pour la balise :<details>
AttributValeurDescription
openopenIndiquez que les détails (tous ce qui entre les balises <details>) doit être visibles (open) par vos visiteurs
Attribut standard :

La balise <details> prend en charge tous les attributs standard en HTML5 .

> Liste complète des attributs

Attribut d’évènement :

La balise <details> prend également en charge tous les attributs d’événement HTML5.

> Liste complète des événements


Copyright © 2013 | 41Mag. All rights reserved. Contact.
Integrated by Créa-troyes. Powered by WordPress.