?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
HTML <details> 元素被用作發(fā)現(xiàn)小部件，用戶可以從其中檢索附加信息。
內(nèi)容類別 | 流內(nèi)容，切片根，互動(dòng)內(nèi)容，可觸及的內(nèi)容。 |
|---|---|
允許的內(nèi)容 | 一個(gè)<summary>元素，后跟流內(nèi)容。 |
標(biāo)記遺漏 | 沒(méi)有，起始和結(jié)束標(biāo)簽都是強(qiáng)制性的。 |
允許父母 | 任何接受流內(nèi)容的元素。 |
允許ARIA角色 | 沒(méi)有 |
DOM界面 | HTMLDetailsElement |
屬性
本元素支持 全局屬性.
open 此布爾值屬性指示是否在頁(yè)面加載時(shí)向用戶顯示詳情，默認(rèn)值是false所以詳情會(huì)被隱藏。
示例
<details> <summary>Some details</summary> <p>More info about the details.</p></details><details open> <summary>Even more details</summary> <p>Here are even more details about the details.</p></details>
HTML 刪除文字元素（<del>）表示已經(jīng)從文檔中刪除的文本范圍。此元素通常是（但不必）呈現(xiàn)刪除線的文本。
屬性
這個(gè)元素的屬性包括全局屬性。
cite 解釋變更的資源的URI（例如會(huì)議紀(jì)要）。
datetime此屬性指示更改的時(shí)間和日期，并且必須是具有可選時(shí)間的有效日期字符串。如果該值不能被解析為具有可選時(shí)間字符串的日期，則該元素沒(méi)有關(guān)聯(lián)的時(shí)間戳記。
示例
<p><del>This text has been deleted</del>,here is the rest of the paragraph.</p><del><p>This paragraph has been deleted.</p></del>
運(yùn)行結(jié)果
CSS
summary {
display: block;}
summary::-webkit-details-marker {
display: none;}summary::before {
content: '\25B6';
padding-right: 0.5em;}details[open] > summary::before {
content: '\25BC';}規(guī)范
瀏覽器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
cite | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
datetime | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
cite | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
datetime | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic support | 12 | In Development | 49.0 (49.0) | No support | 15 | 6 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
Basic support | 4.0 | In Development | 49.0 (49.0) | No support | No support | 6.1 |