How well do the HTML 5 replacements for table summary attribute work with current Screen Readers and Browsers? In case the browser doesn't support

, it adds the following behaviors:.

The

element is used as a child of
element to provide a summary of the contents of the
element.

HTML代码：

这是摘要1

这里具体描述，标签相对随意，例如这里使用的<p>标签。

这是摘要2 这里<details>标签设置了HTML布尔属性open，因此，默认是展开状态。 The HTML
tag is usually paired with an embedded tag.. Looks like if a tag is present when running Kramdown with --parse-block-html, both and
tags are mistakenly escaped. ; It also adds these CSS styles: The file index.js is also usable as a standalone script.. How it works Just include the script on any page that uses
..

Clicking the

element toggles the state of the parent
element open and closed.

Here are testing results for the examples and for the previous table summary with and without a caption. In this article, we’ve demonstrated how to use the

and elements. Toss some content inside it and you have an accessible expand-for-more interaction with just about zero work. Back to CanAdapt home. If no child summary element is present, then the user agent should provide its own legend (for example, “Details”). Cet élément sert d'intitulé à
, en cela il doit être pertinent.Sa fonction s'apparente à une légende ou un résumé donnant du sens au contenu de son parent. $ echo -e "
Collapsed Block\n\n## Header\n in there to customize what the expander text says.. See the Pen Multiple Details/Summary by Chris Coyier (@chriscoyier) on … In Section 4.10.1.1 of HTML 5 various alternatives to the dropped table summary attribute are described. See the Pen Simple details. Display block Usage textual Code Example
Visible Summary of Details This part won't be visible until the user chooses to see it. Last I checked it was scheduled to be fixed in 2015. HTML details is a new tag introduced in HTML5. The
element is used to pair a statement with additional related details. The heading can be clicked to view/hide the details.
is a new element and uses the element to create an interactive disclosure widget natively in the browser. The details and summary elements are two of HTML’s interactive elements and together are the elements that create a native disclosure widget. Let’s add mouse support. The summary should include the major details … Will Edge ever properly support details / summary tags? The heading can be clicked to view/hide the details… The first summary element child of details, if one is present, represents an overview of details. HTML-Befehle
und Ausklappbare Bereiche ähnlich wie die Ziehharmonika-Effekte mit jQuery sind nun mit den HTML5-Befehlen
und in den Befehlen von HTML enthalten. HTML DETAILS and SUMMARY Tags « Previous Tutorial Next Tutorial » The DETAILS tag is used to display the additional details about a document, such as publishing date of the document or the name of the author, whereas, the SUMMARY tag is used to provide the summary or the caption of the current document. Currently,
only works in Chrome, but hopefully this will change sooner rather than later. A summary or label can be provided using the element.

Ok, I think I found the problem, thanks for the command line example. When clicking details > summary, it toggles the open attribute in details. Let's take an example to understand this clearly. You may think of disclosure widgets by other names, but they’re most commonly recognized within the context of an accordion component. The HTML Disclosure Summary element (

) element specifies a summary, caption, or legend for a
element's disclosure box. Es gibt einen Unterschied (meiner Meinung nach ein Vorteil) zum Harmonika-Effekt: es können mehrere Bereiche geöffnet sein. Élément .

The

is displayed, and a user can view or hide additional details by clicking on the summary.

Coronavirus disease 2019 (COVID-19) is a virus (more specifically, a coronavirus) identified as the cause of an outbreak of respiratory illness first detected in Wuhan, China. Gosh bless the

element. は、
要素によって設置された「ディスクロージャー・ウィジェット」の詳細内容に対して、その要約や概要、キャプションといった、いわゆるサマリーを指定するために使用するタグです。はHTML5から追加された要素です。