HTML5 : les balises <details> et <summary>

HTML5 : affichage de details et summary

<details>
    <summary>Exemple 1</summary>
    <ul>
        <li>Element details avec summary</li>
    </ul>
</details>
<details>
    <ul>
        <li>Element details sans summary</li>
    </ul>
</details>

HTML5 : details et summary ne s'affichent pas

Au moment de la rédaction de ce document, certains navigateurs, comme Internet Explorer, ne prennent pas en compte les balises details et summary, et n'affichent donc pas le contenu des détails.

Nous pouvons résoudre ce problème en utilisant le style display:block; pour les éléments details et summary.

HTML5 : exemple de tags details et summary

You are on the French version of the site, but your system indicates that you prefer to use the English language.
The entire site is not translated yet, but the menus and buttons on the interface are largely translated.

Would you like to reach the page in English?
Click here to continue in English: Consult the English version of this page

U bevindt zich op de Franse versie van de site, maar uw systeem geeft aan dat u liever de Nederlandse taal gebruikt.
De hele site is nog niet vertaald, maar de menu's en knoppen op de interface zijn grotendeels vertaald.

Wilt u de pagina in het Nederlands bereiken?
Klik hier om door te gaan in het Nederlands: Raadpleeg de Nederlandse versie van deze pagina

Sie befinden sich in der französischen Version der Website, Ihr System gibt jedoch an, dass Sie die deutsche Sprache bevorzugen.
Die gesamte Site ist noch nicht übersetzt, aber die Menüs und Schaltflächen auf der Benutzeroberfläche sind weitgehend übersetzt.

Möchten Sie die Seite auf Deutsch erreichen?
Klicken Sie hier, um fortzufahren: Konsultieren Sie die deutsche Version dieser Seite