目录 搜索
Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (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) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input 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" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp
文字

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

上一篇: 下一篇: