< All the HTML Tags >

<details></details>

Video Coming Soon...

  • details

    Tag Type

    block

    Tag Category

    interactive

    Creates a section that users can expand or collapse.

    Viewed

    1

    Examples

    1

Definition:

The HTML <details> tag is used to create a disclosure widget from which the user can obtain additional information or controls, typically displayed in a collapsible format.

It can contain a <summary> tag that acts as a heading for the details section, allowing users to click and reveal or hide the content. This tag is useful for organizing large amounts of information in a user-friendly manner.

The `<details>` tag enhances user experience by enabling better content management and reducing information overload.

Attributes:

open, Global attributes (e.g., class, id, style)

Accessibility:

Coming Soon…

Default details Example:

Collapsible content box
<details><summary>More info</summary>Here is additional information</details>

Default details Result:


Coming Soon…

Community Examples:

Coming Soon…
Coming Soon…