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

« Previous Next »

HTML5 Tutorial HTML5 article tag html5 header tag HTML5 Footer Tag HTML5 Main Tag HTML5 Detail Tag HTML5 Section Tag HTML5 <aside> Tag HTML5 <bdi> tag HTML 5 <progress> Tag HTML5 <summary> Tag html audio tag HTML5 <figcaption> tag html video tag HTML5 <nav> Tag

No Sidebar ads