HTML <details> 標籤
實例
使用 <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> 標籤規定了用戶可見的或者隱藏的需求的補充細節。
<details> 標籤用來供用戶開啟關閉的互動式控件。任何形式的內容都能被放在 <details> 標籤裏邊。
<details> 元素的內容對用戶是不可見的,除非設置了 open 屬性。
HTML 4.01 與 HTML5之間的差異
<details> 標籤是 HTML5 中的新標籤。
提示和注釋
提示:與 <summary> 標籤配合使用可以為 details 定義標題。標題是可見的,用戶點擊標題時,會顯示出 details。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
openNew | open | 規定 details 是否可見。 |
全局屬性
<details> 標籤支持 HTML 的全局屬性。
事件屬性
<details> 標籤支持 HTML 的事件屬性。