<詳情>


HTML <details> 標籤

#實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<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>

<p><b>注意：</b>目前，只有 Chrome 和 Safari 6 支持 details 标签。</p>

</body>
</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例

瀏覽器支援

1000.png

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

標籤定義及使用說明

<details> 標籤規定了使用者可見的或隱藏的需求的補充細節。

<details> 標籤用來供使用者開啟關閉的互動式控制項。任何形式的內容都能被放在 <details> 標籤裡邊。

<details> 元素的內容對使用者是不可見的，除非設定了 open 屬性。

HTML 4.01 與 HTML5之間的差異

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

提示與註解

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

屬性

New ：HTML5 中的新屬性。

屬性值描述
openNew open規定details 是否可見。

全域屬性

<details> 標籤支援 HTML 的全域屬性。

事件屬性

<details> 標籤支援 HTML 的事件屬性。