<summary>


HTML <summary> Tag

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<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>

<p><b>注意:</b>目前只有 Chrome 和 Safari 6 支持 summary 标签。</p>

</body>
</html>

Run Example»

Click the "Run Instance" button to view the online instance


Browser support

1000.png

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


Tag definition and usage instructions

<summary> tag defines a visible title for the <details> element. Detailed information is displayed when the user clicks on the title.


Differences between HTML 4.01 and HTML5

The<summary> tag is a new tag in HTML5.


Tips and Notes

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


Global attributes

<summary> tag supports HTML global attributes.


Event attributes

<summary> tag supports HTML event attributes.