HTML5 - Introduction
HTML5 - New Elements
HTML5 - Removed Elements
HTML5 - Browser Check
Tag Name : details
Showing a summary level item with a hyperlink and showing further details when the summary level item is clicked, is a commonly noticed visual design pattern in the web world. The 'details' tag provides this hiding/showing of additional details functionality out of the box. The 'summary' tag is used to specify the visible part, the summary-level item.
HTML Example :
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>

<details>
<summary>Educational Qualifications</summary>
<p>Masters in Psychology</p>
<p>Masters in Astrology</p>
<p>Masters in Computer Science</p>
</details>

</body>
</html>
Output :
Educational Qualifications

Masters in Psychology

Masters in Astrology

Masters in Computer Science


© 2010 www.generalconnection.com. All rights reserved. | www.generalconnection.com