<details> tag in HTML5

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

Result Look Like

Learn C Programming Language

- Basic Level

- Intermediate Level

- Advanced Level

<details> Tag Browsers Support

Element Chrome Edge Firefox Safari Opera
<details> Yes No No Yes Yes

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

Advertise With Us

We offer sponsored posts and guest posts with do-follow links, back-links, and other advertising services, To advertise email us at ""

© 2021 GDATAMART.COM (All Rights Reserved)