When writing in HTML, the <summary> tag is used to designate a heading for a <details> element. Upon clicking the heading, additional details are shown. It is useful when you would like to include extra information without taking up space. The following sections contain information about this tag, including an example of it in use, as well as related attributes and browser compatibility.
<details>
<summary>Here is some information.</summary>
<p>Here are additional details about this information.</p>
</details>
Here is some information.
Here are additional details about this information.