content logo

Learn HTML:

HTML details tag

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.



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

HTML Details Tag Definition


HTML Details Tag Usage


HTML Details Tag Examples