HTML <summary> Tag
Example
Using the <summary> element:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content 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 defines a visible heading for the <details> element. The heading can be clicked to view/hide the details.
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
| Element | |||||
|---|---|---|---|---|---|
| <summary> | 12.0 | Not supported | 48.0 | 6.0 | 15.0 |
Note: The summary tag is not supported in Edge/Internet Explorer.
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 also supports the Global Attributes in HTML.
Event Attributes
The <summary> tag also supports the Event Attributes in HTML.
Related Pages
HTML DOM reference: Summary Object
Default CSS Settings
Most browsers will display the <summary> element with the following default values:
summary {
display: block;
}
