HTML摘要标签

本文概述

• HTML摘要标记示例
• 支持的浏览器

HTML <summary>标记与<details>标记一起使用。它用作<details>元素内容的摘要, 标题或图例。

它在<details>标记内使用。它必须有一个结束标签。

<summary>标记是新标记, 并在HTML 5中引入。

HTML摘要标记示例

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

立即测试

输出：

srcmini摘要

srcmini是一个受欢迎的教程网站。

你可以学习有关srcmini的各种教程, 例如HTML, CSS, JavaScript, Java, Android。

让我们来看另一个HTML摘要标记的示例。

<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>

立即测试

输出：

MacBook Pro规格

• 13.3英寸LED背光光泽宽屏显示器, 具有不间断的玻璃边沿（1280 x 800像素分辨率）。
• 2.4 GHz Intel Core i5双核处理器, 具有3 MB共享L3缓存, 可实现出色的多任务处理。
• 与主内存共享的384 MB DDR3 SDRAM的Intel HD Graphics 3000。
• 500 GB串行ATA硬盘（5400 RPM）
• 已安装4 GB的RAM（1333 MHz DDR3;最高支持8 GB）

<summary>标记仅支持HTML 5中的Global属性。没有其他与<summary>标记一起使用的特定属性。

支持的浏览器