HTML标签

HTML<Details>标签

HTML<Details>标签

HTML <Details>标签用于指定网页上用户可以按需查看或隐藏的其他详细信息。
根据W3C HTML规范,它用作公开窗口小部件,用户可以从中检索其他信息或控件。
它与称为<summary>的相关标签一起使用。从技术上讲,不需要摘要标签,但是如果忽略此标签,则浏览器将使用一些默认文本。
<Details>标签会包装所有要显示或隐藏的内容,而<summary>标签包含本节的摘要和标题。
HTML<Details>是HTML5中引入的新标签。
让我们举个例子来清楚地了解这一点。

HTML<Details>标签属性

HTML<Details>标签还支持HTML中的全局和事件属性。
<Details>标签提供了一个打开的特定属性。
属性 说明
open 它指定将向用户显示(打开)详细信息。

HTML<Details>标签示例

<details>
<summary>立地货网站介绍。</summary>
<p>立地货是一个学习平台。</p>
<p>通过立地货可以学习到很多知识</p>
</details>
<p><b>Note:</b> 详细信息标签当前仅在Opera,Chrome和Safari 6中受支持。</p>
输出:
立地货网站介绍。
立地货是一个学习平台。
通过立地货可以学习到很多知识。
注意:详细信息标签当前仅在Opera,Chrome和Safari 6中受支持。

支持浏览器

标签  chrome浏览器  ie浏览器  firefox浏览器 Opera浏览器  Safari浏览器
<Details> 支持 不支持 不支持 支持 支持
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4