HTML <summary>Tag
Examples
Using the <summary> element:
<details>
<summary>Epcot Center</summary>
<p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</details>
Try it yourself »
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
| Element | |||||
|---|---|---|---|---|---|
| <summary> | 12.0 | 79.0 | 49.0 | 6.0 | 15.0 |
Definition and Usage
The <summary> tag<details>defines a visible heading for the <details> element. When the user clicks the heading, the detailed information is displayed.
Differences between HTML 4.01 and HTML5
The <summary> tag is new in HTML5.
Tips and Notes
Note:The <summary> element should be the first child element of the <details> element.
Global Attributes
The <summary> tag supportsHTML Global Attributes。
Event Attributes
The <summary> tag supportsHTML Event Attributes。
Other Extensions