个性化阅读
专注于IT技术分析

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>标记一起使用的特定属性。


支持的浏览器

Element Chrome IE Firefox Opera Safari
<summary> Yes No No No No
赞(0)
未经允许不得转载:srcmini » HTML摘要标签

评论 抢沙发

评论前必须登录!