最新的Web開發教程
 

HTML <details> Tag


使用<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;
}