Breaking

Sunday, May 12, 2019

HTML summary Tag

Example

Using the <summary> element:
<details>
  <summary>Copyright 1999-2014.</summary>
  <p> - by Refsnes Data. All Rights Reserved.</p>
  <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Try it Yourself »

Definition and Usage

The <summary> tag defines a visible heading for the <details> element. The heading can be clicked to view/hide the details.

Browser Support

The numbers in the table specify the first browser version that fully supports the element.
Element
<summary>12.0Not supported48.06.015.0

Differences Between HTML 4.01 and HTML5

The <summary> tag is new in HTML5.

Tips and Notes

Note: The <summary> element should be the first child element of the <details> element.

Global Attributes

The <summary> tag also supports the Global Attributes in HTML.

Event Attributes

The <summary> tag also supports the Event Attributes in HTML.

Related Pages

HTML DOM reference: Summary Object

Default CSS Settings

Most browsers will display the <summary> element with the following default values:
summary {
  display: block;
}

No comments:

Post a Comment