W3Schools.com

HTML5 <summary> Tag

Example

Using the <summary> element:

<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The <summary> tag is currently only supported in Chrome.


Definition and Usage

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


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 also supports the Global Attributes in HTML5.


Event Attributes

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


WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$7.95/mo SEO Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Free Website Templates Free CSS Templates
Make Your Own Website
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE