目录搜索
Attributesaccesskey (attribute)class (attribute)contenteditable (attribute)contextmenu (attribute)data-* (attribute)dir (attribute)draggable (attribute)dropzone (attribute)Global attributeshidden (attribute)id (attribute)itemid (attribute)itemprop (attribute)itemref (attribute)itemscope (attribute)itemtype (attribute)lang (attribute)slot (attribute)spellcheck (attribute)style (attribute)tabindex (attribute)title (attribute)translate (attribute)Elementsaabbraddressareaarticleasideaudiobbasebdibdoblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1headheaderhrhtmliiframeimginputinput type="button"input type="checkbox"input type="color"input type="date"input type="datetime"-localinput type="email"input type="file"input type="hidden"input type="image"input type="month"input type="number"input type="password"input type="radio"input type="range"input type="reset"input type="search"input type="submit"input type="tel"input type="text"input type="time"input type="url"input type="week"inskbdlabellegendlilinkmainmapmarkmenumenuitemmetameternavnoscriptobjectoloptgroupoptionoutputpparampicturepreprogressqrprtrtcrubyssampscriptsectionselectslotsmallsourcespanstrongstylesubsummarysuptabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbrMiscellaneousAttributesBlock-level elementsCORS enabled imageCORS settings attributesElementInline elementsKinds of HTML contentLink typesMicrodataOptimizing your pages for speculative parsingPreloading contentReferenceSupported media formatsUsing the application cacheObsoleteacronymappletbasefontbigblinkcentercommandcontentdirelementfontframeframesethgroupimageinput type="datetime"isindexkeygenlistingmarqueenextidnoframesplaintextstrikettxmp
文字

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>

运行结果

CSS

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

上一篇:下一篇: