The HTML <summary> element is used as a summary, caption, or legend for the content of a <details> element.
| Permitted content | Phrasing content or one element of Heading content |
|---|---|
| Tag omission | None, both the start tag and the end tag are mandatory. |
| Permitted parents | The <details> element. |
| Permitted ARIA roles | button |
| DOM interface | HTMLElement |
Attributes
This element only includes the global attributes.
Usage notes
If the <summary> element is omitted, the heading "details" will be used.
The default style for <summary> is display:list-item per HTML standard. If the style is being changed to display:block, the disclosure triangle will be dismissed, which is expected. See Bug 1283989 for more information.
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. |
Recommendation | Initial definition |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 12 | 49.0 (49.0) | No support | No support | 6 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 4.0 | 49.0 (49.0) | No support | No support | No support |
See also
Document Tags and Contributors
Tags:
Contributors to this page:
chrisdavidmills,
sideshowbarker,
SphinxKnight,
user31782,
Tingyu,
Sebastianz,
Mardeg,
teoli,
slimsag,
Martin.Chow,
fscholz,
kscarfone,
soluml,
dhodder,
Mrsonord,
Sheppy,
medicdude,
ethertank,
McGurk
Last updated by:
chrisdavidmills,