Home >>HTML5 Tutorial >HTML5 Detail Tag

HTML5 Detail Tag

How To Use Details Tag In HTML

The <details> tag specifies additional details that the user can view or hide on demand.
The <details> tag can be used to create an awesome 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.</details>

Ex(i)

<details> <strong>HTML</html> <p>HTML is used to design static Website.</p> </details>
Output
HTML

HTML is used to design static Website.

Ex(ii)

<details> <summary>HTML</summary> <p>HTML is used to design static Website.</p> </details>
Output
HTML

HTML is used to design static Website.

Browser Support

1) Chrome 2) Firefox 3) Safari