HTML Tag







googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });



HTML <summary> Tag



Previous
Complete HTML Reference
Next



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.0 Not supported 48.0 6.0 15.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;
}





Previous
Complete HTML Reference
Next

Popular posts from this blog

Python Lists

Aion

JavaScript Array Iteration Methods