<summary>

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).

See also

Document Tags and Contributors

 Last updated by: Mardeg,