例
使用<details>元素:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
試一試» 定義和用法
在<details>標記指定的其他詳細信息,用戶可以查看或隱藏的需求。
所述<details>標籤可用於創建交互式插件,用戶可以打開和關閉。 任何類型的內容可以在裡面放<details>標記。
一個的內容<details>除非該元素應該是不可見的open屬性設置。
瀏覽器支持
在表中的數字指定完全支持元件的第一個瀏覽器的版本。
元件 | |||||
---|---|---|---|---|---|
<details> | 12.0 | 不支持 | 48.0 | 6 | 15.0 |
HTML 4.01和HTML5之間的差異
在<details>標籤是HTML5中的新。
提示和注意
提示: <summary>標記用於指定的細節可見標題。標題可以點擊查看/隱藏細節。
屬性
=新的HTML5。
屬性 | 值 | 描述 |
---|---|---|
open | open | 指定的細節應該是可見的(開放)到用戶 |
全局屬性
在<details>標籤支持全局的HTML屬性 。
事件屬性
在<details>標籤支持的HTML事件屬性 。
相關頁面
HTML DOM參考: Details對象
默認設置CSS
大多數瀏覽器會顯示<details>與下面的默認值元素:
details {
display: block;
}