These elements have been introduced for displaying a foldable zone in an HTML document.
In the screenshot below, taken from the W3C specification page, the text next to the horizontal arrow is a<summary> element, and the text displayed when we click on the summary part, is the <details> element. This is a sort of "accordion" with foldable content.
- <!DOCTYPE html>
- <html>
- <body>
- <details>
- <summary>
- How to beat the boss...spoiler alert !
- </summary>
- <p> Just aim to the red spots near his eyes</p>
- <p>Keep shooting at these spots until the eyes open, then hit
- quickly both eyes with your laser beam.</p>
- </details>
- </body>
- </html>
No comments:
Post a Comment