<summary> tag in HTML5

The <summary> tag defines a visible heading in <details> elements, and clicking the <summary> element toggles the state of the parent <details> element open and closed.

Important Description

• The <summary> tag is new in HTML5.
• The <summary> element should be the first child element of the <details> element.
• Open and close tag required of <summary>.

Syntax Example

<details>
  <summary>Overview</summary>
</details>

Example of <summary> tag

Result Look Like

<summary> Tag Browser Support

The <summary> tag is not supported in Internet Explorer & Microsoft Edge browsers.

Global Attributes

• The <summary> tag supports all the Global Attributes in HTML.

Event Attributes

• The <summary> tag supports all the Event Attributes in HTML.