HTML 5 <summary> Tag

The <summary> tag in HTML is used to define a summary for the <details> element. 

• The <summary> element is used along with the <details> element and provides a summary visible to the user.
• When the summary is clicked by the user, the content placed inside the <details> element becomes visible which was previously hidden.
• The <summary> tag was added in HTML 5.
• The <summary> tag requires both starting and ending tag.

Syntax: 

<summary> Content </summary>

Below program illustrates the <summary> element:
Input :
 

Output : 
 

Supported Browsers: 

• Google Chrome 12.0
• Firefox 48.0
• Opera 15.0
• Safari 6.0

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.