Posts in current category

HTML5 <details> tag


May 03, 2021 14:00 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>
Try it out . . .

Browser support

HTML5 <details> tag HTML5 <details> tag HTML5 <details> tag HTML5 <details> tag HTML5 <details> tag

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.