<summary>

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

See also

Document Tags and Contributors

 Last updated by: chrisdavidmills,