HTML5 <details> Tag

Example

Details about the document:

<details>
<summary>Copyright 1999-2011.</summary>
<p>All pages and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

Try it yourself »

Definition and Usage

The <details> tag specifies additional details or controls which can be hidden or shown on demand.

The content of the <details> tag should not be visible unless the open attribute is set.


Differences Between HTML 4.01 and HTML5

The <details> tag is new in HTML5


Tips and Notes

Tip: Use it together with the <summary> tag to make your own header for the details. The header is visible, and could show the details when the user clicks on the header.


Attributes

New : New in HTML5.

Attribute Value Description
openNew open
Specifies that the details should be visible

Standard Attributes

The <details> tag also supports the Standard Attributes in HTML5.


Event Attributes

The <details> tag also supports the Event Attributes in HTML5.