HTML5 <summary> 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>

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

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


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

Your Query was successfully sent!