<summary>
The HTML summary element (<summary>) is used as a summary, caption, or legend for the content of a <details> (en-US) element.
備註： 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.
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> (en-US) element. |
| Normative document | HTML5, section 4.11.2 |
Attributes
This element only includes the global attributes (en-US).
DOM interface
This element implements the HTMLElement interface.
Examples
<details style="color: blue; margin-left: 15px; margin-bottom: 10px;">
<p>In summation, get details from the link on the next line</p>
</details>
Please see the <details> (en-US) page for examples on <summary>.
Specifications
| Specification |
|---|
| HTML Standard # the-summary-element |
Browser compatibility
BCD tables only load in the browser