HTML <details> tag
Examples
Use <details> 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>
<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"
Browser Support
Currently, only Chrome and Safari 6 Support <details> tag.
Tag definitions and instructions
<Details> tag provides additional details hidden or visible to the user needs.
<Details> tag is used for the user to open and close the interactive controls. Any form of content can be placed <details> tag inside.
Content <details> element is not visible to the user, unless the open property.
Differences between HTML 4.01 and HTML5
<Details> tag is new in HTML5 tags.
Tips and Notes
Tip: <summary> tag can be used in conjunction with the definition of the title details.The title is visible, the user clicks on the title, it will show the details.
Attributes
New: HTML5 new property.
| 属性 | 值 | 描述 |
|---|---|---|
| open New | open | 规定 details 是否可见。 |
Global Properties
<details> tag supports HTML global properties .
Event Properties
<details> tag supports HTML event properties .