©
本文档使用
php.cn手册 发布
HTML <details>
元素被用作发现小部件,用户可以从其中检索附加信息。
内容类别 | 流内容,切片根,互动内容,可触及的内容。 |
---|---|
允许的内容 | 一个<summary>元素,后跟流内容。 |
标记遗漏 | 没有,起始和结束标签都是强制性的。 |
允许父母 | 任何接受流内容的元素。 |
允许ARIA角色 | 没有 |
DOM界面 | HTMLDetailsElement |
本元素支持 全局属性.
open
此布尔值属性指示是否在页面加载时向用户显示详情,默认值是false所以详情会被隐藏。
<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>)表示已经从文档中删除的文本范围。此元素通常是(但不必)呈现删除线的文本。
这个元素的属性包括全局属性。
cite
解释变更的资源的URI(例如会议纪要)。
datetime
此属性指示更改的时间和日期,并且必须是具有可选时间的有效日期字符串。如果该值不能被解析为具有可选时间字符串的日期,则该元素没有关联的时间戳记。
<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>
summary { display: block;} summary::-webkit-details-marker { display: none;}summary::before { content: '\25B6'; padding-right: 0.5em;}details[open] > summary::before { content: '\25BC';}
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 |