HTML <summary> Tag

Description:

The HTML <summary> tag specifies a summary/caption that can be used in conjunction with the HTML5 <details> tag. This summary/caption can be clicked on to expand/collapse the details as required. Adding CSS to these tags is recommended to show that the summary/caption can be clicked on.

Example Code:
<details>
  <summary>About CSSPortal</summary>
  <p>CSSPortal is a site dedicated to helping you with CSS.</p>
</details>
Result:
About HTMLPortal

HTMLPortal is a site dedicated to helping you with HTML.

Attributes:

None

Global Attributes:

The <summary> tag also supports the Global Attributes in HTML5

Event Attributes:

The <summary> tag also supports the Event Attributes in HTML5


Last updated on 2 August 2018 By Rene Spronk

View All HTML Tags

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.