Summary
The HTML summary element (<summary>) is used as a summary, caption, or legend for the content of a <details> element.
Note: If the
<summary> element is omitted, the heading "details" will be used.Usage context
| Permitted content | Phrasing content or one element of Heading content |
|---|---|
| Tag omission | None, both the start tag and the end tag are mandatory. |
| Permitted parent element | The <details> element. |
| Normative document | HTML5, section 4.11.2 |
Attributes
This element only includes the global attributes.
DOM interface
This element implements the HTMLElement interface.
Examples
In summation, get details from the link on the next line
Please see the <details> page for examples on <summary>.
Specifications
| Specification | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard The definition of '<summary>' in that specification. |
Living Standard | |
| HTML5.1 The definition of '<summary>' in that specification. |
Working Draft | Initial definition |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 12 | In Nightly and Aurora (DevTools) only[1] | No support | No support | 6 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 4.0 | In Nightly and Aurora only[1] | No support | No support | No support |
[1] [1] Available since Firefox 47, this feature is available behind the preference dom.details_element.enabled, defaulting to false except on Nightly and Aurora versions (bug 1226455 and bug 1241750).