Easy Tutorial
❮ Att Iframe Marginwidth Tag Var ❯

HTML <summary> Tag

Example

Using the <summary> element:

<details>
  <summary>Epcot Center</summary>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</details>

Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element
<summary> 12.0 79.0 49.0 6.0 15.0

Tag Definition and Usage

The <summary> tag defines a visible heading for the <details> element. When the user clicks on the heading, the details are revealed.


Differences Between HTML 4.01 and HTML5

The <summary> tag is new in HTML5.


Tips and Notes

Note: The <summary> element should be the first child element of the <details> element.


Global Attributes

The <summary> tag supports HTML's global attributes.


Event Attributes

The <summary> tag supports HTML's event attributes.

❮ Att Iframe Marginwidth Tag Var ❯