HTML5 <summary> 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 <summary> tag contains a header for the details element, which is used to describe details about a document, or parts of a document.


Differences Between HTML 4.01 and HTML5

The <summary> tag is new in HTML5.


Tips and Notes

Tip: Use it together with the <details> 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.

Note: The "summary" element should be the first child element of the "details" element.


Standard Attributes

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


Event Attributes

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