HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <details> Tag


Example

Using the <details> element:

<details>
<summary>Copyright 1999-2014.</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 Yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The <details> tag is currently only supported in Opera, Chrome, and in Safari 6.


Definition and Usage

The <details> tag specifies additional details that the user can view or hide on demand.

The <details> tag can be used to create an interactive widget that the user can open and close. Any sort of content can be put inside the <details> tag.

The content of a <details> element should not be visible unless the open attribute is set.


Differences Between HTML 4.01 and HTML5

The <details> tag is new in HTML5.


Tips and Notes

Tip: The <summary> tag is used to specify a visible heading for the details. The heading can be clicked to view/hide the details.


Attributes

New : New in HTML5.

Attribute Value Description
openNew open Specifies that the details should be visible (open) to the user

Global Attributes

The <details> tag also supports the Global Attributes in HTML.


Event Attributes

The <details> tag also supports the Event Attributes in HTML.



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE