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.

 

Attributes

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