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.

---