HTML 參考手冊

HTML 標(biāo)簽大全

HTML: <dfn> 標(biāo)簽 HTML: <del> 標(biāo)簽

HTML: <details> 標(biāo)簽

HTML <details>元素可創(chuàng)建一個掛件，僅在被切換成展開狀態(tài)時，它才會顯示內(nèi)含的信息。 <summary> 元素可為該部件提供概要或者標(biāo)簽。

在線示例

使用 <details> 元素：

示例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 details標(biāo)簽的使用(菜鳥教程 cainiaoplus.com)</title>
</head>
<body>
<details>
    <summary>Details</summary>
    Something small enough to escape casual notice.（菜鳥教程 cainiaoplus.com）
</details>
</body>
</html>

測試看看 ?/?

運行效果如何：

圖片.png

瀏覽器兼容性

IEFirefoxOperaChromeSafari

目前，只有 Chrome 和 Safari 6 支持 <details> 標(biāo)簽。

標(biāo)簽定義及使用說明

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

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

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

HTML 4.01 與 HTML5之間的差異

<details> 標(biāo)簽是 HTML5 中的新標(biāo)簽。

提示和注意

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

屬性

New ：HTML5 中的新屬性。

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

全局屬性

<details> 標(biāo)簽支持 HTML 的全局屬性。

事件屬性

<details> 標(biāo)簽支持 HTML 的事件屬性。

HTML: <dfn> 標(biāo)簽 HTML: <del> 標(biāo)簽