HTML5 <details> tag
May 03, 2021 HTML5
Table of contents
Using the elements of the slt;details:
<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>
Browser support
Currently, only Chrome and Safari 6 support the hashtags.
Label definition and instructions for use
The label specifies additional details of the user's visible or hidden needs.
The label is used for users to turn on closed interactive controls. Any form of content can be placed in the label.
The contents of the element are not visible to the user unless the open property is set.
The difference between HTML 4.01 and HTML5
The label is the new label in HTML5.
Tips and comments
Tip: You can define a title for the details when used with the hashtag. The title is visible, and when the user clicks on the title, details are displayed.
Property
New: The new property in HTML5.
| Property | Value | Describe |
|---|---|---|
| open New | open | Specifies whether details are visible. |
Global properties
The label supports the global properties of HTML.
The event property
The tag supports the event properties of HTML.