This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.
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 |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 12 | Not supported bug 591737 | Not supported | Not supported | Not supported |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 4.0 | Not supported bug 591737 | Not supported | Not supported | Not supported |