<details> tag in HTML5

← Previous Next →

The <details> tag is new in HTML5, and the <details> tag is used to specifies the additional details that the user can view or hide on demand in the web page.

Important Description

• The content of a <details> element should not be visible unless the open attribute is set.
• Open and close tag required of <details>.
• The content will be rendered both on older & new browsers that don't support details and in browsers with JavaScript disabled.

Example of <details> tag

<details> <summary>Learn C Programming Language</summary> <p>- Basic Level</p> <p>- Intermediate Level</p> <p>- Advanced Level</p> </details>

Result Look Like

Learn C Programming Language

- Basic Level

- Intermediate Level

- Advanced Level

<details> Tag Browsers Support

Global Attributes

• The <details> tag supports all the Global Attributes in HTML.
• The <details> tag have one specific attribute open.
• Open attribute specifies that the details will be displayed to the user.

Event Attributes

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

← Previous Next →