The DETAILS tag is used to display the additional details about a document, such as publishing date of the document or the name of the author, whereas, the SUMMARY tag is used to provide the summary or the caption of the current document. It can also be used in the conjunction with the SUMMARY tag to create a header that can expand or collapse according to the requirement.

The open attribute of the DETAILS tag is used to specify the details of the document that are displayed to the users. The absence of the open attribute hides the details from the users.

Example of DETAILS and SUMMARY tags

Following is an example of using the DETAILS and SUMMARY tags :

   <SUMMARY>This section contains the summary of the document</SUMMARY>

HTML Online Test

« Previous Tutorial Next Tutorial »