The HTML <details> Tag is employed to specify the extra details on the online page that the user will read or hide on demand.

According to W3C markup language specification, it’s used as a revelation contraption from that users will retrieve extra data or management.

It is used with a related tag called <summary> Technically, a summary tag is not required, but the browser will use some default text if you ignore it.

A <details> Tag eliminates all the content you want to suggest or hide, and the <summary> Tag also contains the profile and section title.

HTML details may be a new Tag introduced in markup language 5.

Example:-


 <html>  
 <head>  
   <title>HTML Details  tag</title>  
   
 </head>  
 <body>  
   <h1>Example of HTML Details  tag</h1>  
  <details>  
<summary>HTML Tutorials</summary>  
<p>HTML</p>  
<p>CSS</p>
<p>JavaScript</p>  
<p>C</p>  
<p>Bootstrap</p>  
<p>WordPress</p>
</details>  
  
  </body>  
</html>  

Output:-

Example of HTML Details tag

HTML Tutorials

HTML

CSS

JavaScript

C

Bootstrap

WordPress

Attribute

open

Note:- The details tag provides a special feature open.


Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *