TheDeveloperBlog.com

Home | Contact Us

C-Sharp | Java | Python | Swift | GO | WPF | Ruby | Scala | F# | JavaScript | SQL | PHP | Angular | HTML

HTML summary tag

HTML summary tag with examples, html5, forms, input, text, anchor, image, heading, marquee, textarea, paragraph, title, quotes, code etc.

<< Back to HTML

HTML Summary Tag

The HTML <summary> tag is used with <details> tag. It is used as a summary, caption or legend for the content of a <details> element.

It is used within the <details> tag. It must have a closing tag.

The <summary> tag is new and introduced in HTML 5.

HTML summary tag example

<details>
<summary>JavaTpoint Summary</summary>
<p> JavaTpoint is a popular tutorial website.</p>
<p>You can learn various tutorials on JavaTpoint such as HTML, CSS, JavaScript, Java, Android.</p>
</details>
Test it Now

Output:

JavaTpoint Summary

JavaTpoint is a popular tutorial website.

You can learn various tutorials on JavaTpoint such as HTML, CSS, JavaScript, Java, Android.

Let's see another example of HTML summary tag.

<details>  
  <summary>MacBook Pro Specification</summary>  
    <ul>  
      <li><strong>13.3-inch LED-backlit glossy widescreen display</strong> with edge-to-edge, uninterrupted glass (1280 x 800-pixel resolution).</li>  
      <li><strong>2.4 GHz Intel Core i5 dual-core processor</strong> with 3 MB shared L3 cache for excellent multitasking.</li>  
      <li><strong>Intel HD Graphics 3000</strong> with 384 MB of DDR3 SDRAM shared with main memory.</li>  
      <li><strong>500 GB Serial ATA hard drive</strong> (5400 RPM)</li>  
      <li><strong>4 GB installed RAM</strong> (1333 MHz DDR3; supports up to 8 GB)</li>  
    </ul>  
</details>
Test it Now

Output:

MacBook Pro Specification
  • 13.3-inch LED-backlit glossy widescreen display with edge-to-edge, uninterrupted glass (1280 x 800-pixel resolution).
  • 2.4 GHz Intel Core i5 dual-core processor with 3 MB shared L3 cache for excellent multitasking.
  • Intel HD Graphics 3000 with 384 MB of DDR3 SDRAM shared with main memory.
  • 500 GB Serial ATA hard drive (5400 RPM)
  • 4 GB installed RAM (1333 MHz DDR3; supports up to 8 GB)

The <summary> tag supports only Global attributes in HTML 5. There are no other specific attributes used with <summary> tag.

Supporting Browsers

Elementchrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<summary>YesNoNoNoNo
Next TopicHTML sup Tag




Related Links:

.Net

.NET Array Dictionary List String 2D Async DataTable Dates DateTime Enum File For Foreach Format IEnumerable If IndexOf Lambda LINQ Parse Path Process Property Regex Replace Sort Split Static StringBuilder Substring Switch Tuple

Java

Core Array ArrayList HashMap String 2D Cast Character Console Deque Duplicates File For Format HashSet If IndexOf Lambda Math ParseInt Process Random Regex Replace Sort Split StringBuilder Substring Switch Vector While

Related Links

Adjectives Ado Ai Android Angular Antonyms Apache Articles Asp Autocad Automata Aws Azure Basic Binary Bitcoin Blockchain C Cassandra Change Coa Computer Control Cpp Create Creating C-Sharp Cyber Daa Data Dbms Deletion Devops Difference Discrete Es6 Ethical Examples Features Firebase Flutter Fs Git Go Hbase History Hive Hiveql How Html Idioms Insertion Installing Ios Java Joomla Js Kafka Kali Laravel Logical Machine Matlab Matrix Mongodb Mysql One Opencv Oracle Ordering Os Pandas Php Pig Pl Postgresql Powershell Prepositions Program Python React Ruby Scala Selecting Selenium Sentence Seo Sharepoint Software Spellings Spotting Spring Sql Sqlite Sqoop Svn Swift Synonyms Talend Testng Types Uml Unity Vbnet Verbal Webdriver What Wpf