HTML5 : les balises <details> et <summary>
HTML5 apporte de nouveaux éléments qui permettent de définir encore mieux la sémantique de notre contenu.
Les balises details et summary permettent d'apporter du contenu complémentaire au document HTML.
L'élément details contient d'abord un titre (une légende) sous forme d'élément summary.
HTML5 : affichage de details et summary
Syntaxe details et summary
Exemple details et summary
Exemple 1
- Element details avec summary
- Element details sans summary
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
Clark Savage, Jr.
- Pseudo: Doc Savage, L'Homme de bronze
- Spécialité: médecin, chirurgien, scientifique, aventurier, inventeur, explorateur, chercheur, et musicien
Theodore Marley Brooks
- Pseudo: "Ham"
- Spécialité: avocat
- Grade: brigadier général
Andrew Blodgett Mayfair
- Pseudo: "Monk"
- Spécialité: chimiste
- Grade: lieutenant-colonel
John Renwick
- Pseudo: "Renny"
- Spécialité: ingénieur
- Grade: colonel
Thomas J. Roberts
- Pseudo: "Long Tom"
- Spécialité: électricien
- Grade: major
William Harper Littlejohn
- Pseudo: "Johnny"
- Spécialité: archéologue et géologue
Patricia Savage
- Pseudo: "Pat"
- Cousine de Doc savage
Nederlandse vertaling
U hebt gevraagd om deze site in het Nederlands te bezoeken. Voor nu wordt alleen de interface vertaald, maar nog niet alle inhoud.Als je me wilt helpen met vertalingen, is je bijdrage welkom. Het enige dat u hoeft te doen, is u op de site registreren en mij een bericht sturen waarin u wordt gevraagd om u toe te voegen aan de groep vertalers, zodat u de gewenste pagina's kunt vertalen. Een link onderaan elke vertaalde pagina geeft aan dat u de vertaler bent en heeft een link naar uw profiel.
Bij voorbaat dank.
Document heeft de 19/03/2010 gemaakt, de laatste keer de 26/10/2018 gewijzigd
Bron van het afgedrukte document:https://www.gaudry.be/nl/html-tag-details-summary.html
De infobrol is een persoonlijke site waarvan de inhoud uitsluitend mijn verantwoordelijkheid is. De tekst is beschikbaar onder CreativeCommons-licentie (BY-NC-SA). Meer info op de gebruiksvoorwaarden en de auteur.