The best HTML <details> tag Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Tag definitions and instructions,Differences between HTML 4.01 and HTML5,Tips and Notes,Attributes,Global Properties,Event Properties,
Use <details> element:
Currently, only Chrome and Safari 6 Support <details> tag.
<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.
<Details> tag is new in HTML5 tags.
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.
New: HTML5 new property.
属性 | 值 | 描述 |
---|---|---|
open New | open | 规定 details 是否可见。 |
<details> tag supports HTML global properties .
<details> tag supports HTML event properties .