HTML Tag Reference - HTML tag <summary>

The <summary> tag marks a visible heading for the <details> element.

We can click heading to view/hide the details.

Browser compatibility

<summary> Yes No No Yes Yes

What's new in HTML5

The <summary> tag is new in HTML5.

Global Attributes

The <summary> tag supports the Global Attributes in HTML.

Event Attributes

The <summary> tag supports the Event Attributes in HTML.

Default CSS Settings

summary {
    display: block;


<!DOCTYPE html>
<!--from  ww w  .  ja va2 s . c  om-->


Click to view the demo