HTML <summary> Tag.

Example

Using the <summary> element :

 <details>
  <summary>Copyright 2001-2017.</summary>
  <p> - by W3Professors. All Rights Reserved.</p>
  <p>W3Professors is famous web site having mission to provide free online education.</p>
</details>  
Execute Code

Definition and Usage

The <summary> tag defines a visible heading for the <details> element. The heading can be clicked to view/hide the details.


Browser Support

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

Element Chrome Internet Explorer Firefox Safari Opera
<summary> 12.0 Not supported 48.0 6.0 15.0

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.


Default CSS Settings

Most browsers will display the <summary> element with the following default values :

Example

summary 
{
    display: block;
}