<summary>

HTML <summary> (Disclosure Summary) Tag

Example

<details>
  <summary>HTML</summary>
  <p>The first version of HTML was written by Tim Berners-Lee in 1993. Since then, there have been many different versions of HTML. The most widely used version throughout the 2000`s was HTML 4.01, which became an official standard in December 1999.</p>
</details>

Try this code ❯

Meaning

The <summary> element specifies a summary for the <details> element.

The <summary> element is used along with the <details> element to provide a summary visible to the user.

Note: A <summary> element may only be used as the first child of a <details> element.

Version: HTML5

Standard Syntax

<details>
  <summary></summary>
  ....
</details>

Global Attributes

The <summary> element also supports the Global Attributes in HTML.

Event Attributes

The <summary> element also supports the Event Attributes in HTML.

By Default CSS Value(s)

Most of the browsers will display the <summary> element with the following by default value(s)

summary {
  display: block;
}