HTML Reference Manual

HTML Tag Reference

HTML: <summary> tag

The HTML <summary> element is used as a summary, title, or legend for the content of a <details> element.

Online Example

Use the <summary> element:

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic Tutorial(oldtoolbag.com)</title>　
</head>
<body>
<details>
<summary>Copyright　1999-2019./summary>
<p>　-　by Refsnes Data. All Rights Reserved./p>
<p>All content and graphics on this website are the property of the company Refsnes Data./p>
</details>
<p><b>Attention:</b>Currently only Chrome and Safari　6　Supports summary tag.</p>
</body>
</html>

Test to see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

Currently, only Chrome and Safari 6 Supports <summary> tag.

Tag Definition and Usage Description

The <summary> tag defines <details> Element defines a visible title. When the user clicks on the title, detailed information will be displayed.

HTML 4.01 and HTML5difference between

The <summary> tag is an HTML5 in the new tags.

Tips and Notes

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

Global Attributes

Support for <summary> tag Global Attributes of HTML.

Event Attributes

Support for <summary> tag HTML Event Attributes.

HTML: <table> tag HTML: <sup> tag