details - [ HTML 中文开发手册 ] - 在线原生手册

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Verzeichnis suchen

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

Figuren

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

Vorheriger Artikel： Nächster Artikel：