HTML <summary> 标签 的详细用法

HTML &lt;summary&gt; 标签功能

&lt;summary&gt; 标签为 &lt;details&gt; 元素定义一个可见的标题。 当用户点击标题时会显示出详细信息。


HTML &lt;summary&gt; 标签用法

使用 &lt;summary&gt; 元素:

&lt;details&gt;
    &lt;summary&gt;关于阿西河&lt;/summary&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;p&gt;阿西河网址是:www.axihe.com&lt;/p&gt;&lt;/li&gt;
        &lt;li&gt;&lt;p&gt;这是一个专注于大前端的网站.&lt;/p&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/details&gt;

HTML &lt;summary&gt; 标签演示

<details>

&lt;summary&gt;关于阿西河&lt;/summary&gt;
&lt;ul&gt;
    &lt;li&gt;&lt;p&gt;阿西河网址是:www.axihe.com&lt;/p&gt;&lt;/li&gt;
    &lt;li&gt;&lt;p&gt;这是一个专注于大前端的网站.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</details>


浏览器支持

目前,只有 Chrome 和 Safari 6 支持 &lt;summary&gt; 标签。


标签定义及使用说明


HTML4 与 HTML5 之间的差异

&lt;summary&gt; 标签是 HTML5 中的新标签。


提示和注释

注释:&lt;summary&gt; 元素应该是 &lt;details&gt; 元素的第一个子元素。


全局属性

&lt;summary&gt; 标签支持 HTML 全局属性


事件属性

&lt;summary&gt; 标签支持 HTML 事件属性

本文参考HTML中文帮助文档

声明:该文章系转载,转载该文章的目的在于更广泛的传递信息,并不代表本网站赞同其观点,文章内容仅供参考。

本站是一个个人学习和交流平台,网站上部分文章为网站管理员和网友从相关媒体转载而来,并不用于任何商业目的,内容为作者个人观点, 并不代表本网站赞同其观点和对其真实性负责。

我们已经尽可能的对作者和来源进行了通告,但是可能由于能力有限或疏忽,导致作者和来源有误,亦可能您并不期望您的作品在我们的网站上发布。我们为这些问题向您致歉,如果您在我站上发现此类问题,请及时联系我们,我们将根据您的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。