vlambda博客
学习文章列表

定义与用法

• <summary>标签与<details>标签一起使用，它定义<details>元素内容的摘要，标题或图例；

• <summary>标签可以在<details>元素内定义一个可见标题，当用户点击标题时会显示出详细信息。

• <summary>是HTML 5中引入的新标签。

提示：<summary> 元素应该是 <details> 元素的第一个子元素。

语法格式

<summary>……</summary>  

示例代码

<details>  
<summary>Runoon网站摘要</summary>  
<p> Runoonis是一个IT教程网站</p>  
<p>你可以在这儿学习各种不同的教程，如：HTML，CSS，JavaScript，Java，PHP，Python等</p>  
</details>

效果展示：

Runoon是一个IT教程网站

你可以在这儿学习各种不同的教程，如：HTML，CSS，JavaScript，Java，PHP，Python等

浏览器支持

IE	Firefox	Chrome	Safari	Opera

目前，只有 Chrome 和 Safari 6 支持 <summary> 标签。

全局属性

<summary> 标签支持 HTML 的全局属性。

事件属性

<summary> 标签支持 HTML 的事件属性。

点击下方“阅读原文”阅览效果更佳