HTML5 <details> 標(biāo)簽

2022-05-23 14:47 更新

實(shí)例

使用 <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>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


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

<details> 標(biāo)簽規(guī)定了用戶可見的或者隱藏的需求的補(bǔ)充細(xì)節(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)題是可見的,用戶點(diǎn)擊標(biāo)題時(shí),會(huì)顯示出 details。


屬性

New :HTML5 中的新屬性。

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

全局屬性

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


事件屬性

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

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)