HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <details> Tag

HTML Das <details>-Element kann ein Bedienelement erstellen, das nur angezeigt wird, wenn es in den erweiterten Zustand umgeschaltet wird. Das <summary>-Element kann eine Zusammenfassung oder ein Label für dieses Element bereitstellen.

Online-Beispiel

Verwendung des <details>-Elements:

Beispiel

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Verwendung des details-Labels (Grundlagen-Tutorial-Website　oldtoolbag.com)</title>
</head>
<body>
<details>
　　　　<summary>Details</summary>
　　　　Etwas so klein, dass es nicht aufmerksam erkannt wird.（Grundlagen-Tutorial-Website　oldtoolbag.com）
</details>
</body>
</html>

Testen Sie es heraus ‹/›

Wie läuft der Betrieb ab:

Browser-Kompatibilität

IEFirefoxOperaChromeSafari

Currently, only Chrome and Safari 6 Supports <details> Tag.

Definition and Usage

<details> Tag specifies additional details that are visible or hidden, as required by the user.

<details> Tag is used to provide interactive controls for users to open and close. Any form of content can be placed inside the <details> tag.

The content of the <details> element is not visible to the user unless the open attribute is set.

HTML 4.01 and HTML5Differences between

<details> Tag is an HTML5 New Tag in

Tips and Notes

Tip:with <summary> Using a combination of tags can define a title for details. The title is visible, and when the user clicks on the title, the details will be displayed.

Attribute

New: HTML5 New attribute in

Attribute	Value	Description
openHTML5	open	Specifies whether the details are visible.

Global Attributes

Support for <details> Tag Global Attributes of HTML.

Event Attributes

Support for <details> Tag HTML Event Attributes.

HTML: <dfn> Tag HTML: <del> Tag