閱讀(43.5k) 書簽贊(5) 我要糾錯

HTML <details> 標簽

2022-06-01 15:21 更新

<details> 標簽用于創(chuàng)建一個可展開折疊的元件，用戶可以從中檢索其他附加的信息。

實例

使用 <details> 元素：

<details>
<summary>Copyright 1999-2011.</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>

嘗試一下 ?

瀏覽器支持

目前，只有 Chrome 和 Safari 6 支持 <details> 標簽。

標簽定義及使用說明

<details> 標簽規(guī)定了用戶可見的或者隱藏的需求的補充細節(jié)。

<details> 標簽用來供用戶開啟關(guān)閉的交互式控件。任何形式的內(nèi)容都能被放在 <details> 標簽里邊。

<details> 元素的內(nèi)容對用戶是不可見的，除非設置了 open 屬性。

HTML 4.01 與 HTML5之間的差異

<details> 標簽是 HTML5 中的新標簽。

提示和注釋

提示：與 <summary> 標簽配合使用可以為 details 定義標題。標題是可見的，用戶點擊標題時，會顯示出 details。

屬性

New ：HTML5 中的新屬性。

屬性	值	描述
openNew	open	規(guī)定 details 是否可見。

全局屬性

<details> 標簽支持 HTML 的全局屬性。

事件屬性

<details> 標簽支持 HTML 的事件屬性。