Topics

#Details

1. 1. The details element represents a disclosure widget technically called as Accordian.
2. 2. It is a container tag.
3. 3. It is inline level element.
4. 4. The details tag is used for the content/ information which is initially hidden but could be displayed if the user wishesto see it.

#Summary

1. 1. The summary element is used to provide caption or title to the details(Accordian).
2. 2. It is a container tag.
3. 3. It is inline level element.
4. 4. We have to use the summary tag within the details tag.

#Example

1. 1. <details> <summary>New Delhi</summary> It is the capital of India. </details>
2. 2. In the above example, the <details> tag creates an Accordian and the <summary> tag is used to provide title to it. When the user clicks on the summary, the content inside the <details> tag is shown.