HTML5 details标签-html5教程

HTML5 details标签

发表于:2015-05-21 21:13:13 | 阅读数:--次| 作者:小五

摘要：details标签用于描述文档或文档某个部分的细节

定义和用法
<details> 标签用于描述文档或文档某个部分的细节。

实例
关于文档的细节：

		html5代码
	

运行代码

<!DOCTYPE HTML>
<html>
<body>

<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>

</body>
</html>

<!DOCTYPE HTML>
<html>
<body>

<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>

</body>
</html>

浏览器支持
目前只有 Chrome 支持 <details> 标签。

HTML 4.01 与 HTML 5 之间的差异
<details> 标签是 HTML 5 中的新标签。

提示和注释
提示：与 <summary> 标签配合使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details。

属性
new : HTML5 中的新属性。
属性值描述
open open 定义 details 是否可见。

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

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

代码浏览关闭浏览

kong.jsp