Advertisement

HTML <summary> tag

Examples

For more information about the document:

<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>

Try it yourself

Browser Support

IE Firefox Chrome Safari Opera

Only Chrome and Safari 6 Support <summary> tag.

Definition and Usage

Title <summary> tag contains details of elements, "details" element is used to describe information about the document or document fragment.

HTML 4.01 and HTML 5 differences between

<Summary> tag is new in HTML 5 tag.

Tips and Notes

Tip: Check with <details> tag used together. The title is visible when the user click the header will display details.

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

Global Properties

<summary> tag supports HTML in the global properties .

Event Properties

<summary> tag supports HTML in the event properties .