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. |
LSLiving Standard | |
| HTML5.1 The definition of '<summary>' in that specification. |
RECRecommendation | Initial definition |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 12 | 49.0 (49.0) | No support | No support | 6 |






