The <summary> element represents a summary, caption, or legend for the contents of the <details> element. The <summary> must always be the first child of <details>, but more than one <summary> element can be used per details element.




By clicking on the summary line of the <details> element, the details below should reveal themselves.

NOTE: Currently <summary> element is not supported by the Internet Explorer, as well as Firefox.


The summary tag example:


›› go to examples ››