HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <details> 详细信息标签

HTML <details> 标签用于指定网页上用户可以按需查看或隐藏的其他详细信息。

根据 W3C HTML 规范，它用作披露小部件，用户可以从中检索附加信息或控制。

它与称为 <summary> 的相关标签一起使用。从技术上讲，不需要摘要标签，但是如果您忽略它，那么浏览器将使用一些默认文本。

<details> 标签包含您想要显示或隐藏的所有内容，<summary> 标签包含该部分的摘要和标题。

HTML 详细信息是 HTML5 中引入的新标签。

让我们举一个例子来清楚地理解这一点。

HTML 详细信息标签属性

HTML 详细信息标签还支持 HTML 中的全局和事件属性。

details 标签提供了一个特定的属性 open。

属性描述
open它指定将向用户显示（打开）详细信息。

HTML 详细信息标签示例

<!DOCTYPE>
<html>  
<body>  
<details>  
<summary>版权所有 2011-2014。</summary>  
<p> - by rocschool. All Rights Reserved.</p>  
<p>本网站所有内容和图形均为 rocschool.com 的财产</p>  
</details>  
<p><b>注意:</b> 详细信息标签目前仅在 Opera、Chrome 和 Safari 6 中受支持。</p>  
</body>
</html>

输出：

版权所有 2011-2014。

注意：详细信息标签目前仅在 Opera、Chrome 和 Safari 6 中受支持。

支持浏览器

元素ChromeIEFirefoxSafariOpera
<details>YesYesYesYesYes


上一主题 HTML <del> 标签 下一主题 HTML <dfn> 标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具