Name

details — HTML5

Synopsis

<details> . . . </details>

Represents a disclosure widget (such as an area that can be toggled open and closed) that reveals additional information or controls. The details element may contain a dt element that provides a summary of the details and a dd element that provides the details themselves. The details element is not intended to be used for footnotes.

Notes

HTML5 only.

Start/End Tags

Required/Required

Attributes

HTML5 Global Attributes

open (open="open" in XHTML5)

Specifies that the details should be in the open or revealed state when the document loads.

Example

<details>
  <dt>Bio information</dt>
  <dd>This is some information about the author the user
    might be interested in reading.</dd>
</details>

Get HTML & XHTML Pocket Reference, 4th Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial