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.

---