HTML5 <details> Tag

Example

Details about the document:

<details>
<summary>Copyright 2015.</summary>
<p>All pages and graphics in this web site are the property of the Haggs ITC.</p>
</details>
Code it Online »

Definition and Usage

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

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

Hint: 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

Attribute Value Description
open 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.

Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!