HTML Reference Manual

HTML Tag大全

HTML details open attribute

This article introduces the HTML details open attribute, a boolean attribute, with an online example demonstrating how to use the HTML details open attribute, browser compatibility, syntax definition, and detailed information about its attribute values.

　HTML <details> tag

Online Example

An Open/Visible <details> Element:

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <details> open Attribute Usage-Basic Tutorial(oldtoolbag.com)/title>
</head>
<body>
<details open>
　　<summary>Copyright　2009-2020.</summary>
　　<p>　-　by oldtoolbag.com. All Rights Reserved./p>
　　<p>Basic Tutorial Website provides IT basic tutorial learning resources, as well as basic knowledge. Learn the basics well, and you can go further.</p>
</details>
<p>details default open.</p>
</body>
</html>

Test and see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

Currently only Chrome and Safari 6Supports the open attribute.

Definition and Usage

The open attribute is a boolean (boolean) attribute.

The open attribute specifies that the details should be visible on the HTML page.

HTML 4.01 differences with HTML5differences

<details> tag is HTML5 New tags.

Differences between HTML and XHTML

In XHTML, attributes are not allowed to be abbreviated, the open attribute must be defined as: <details open="open">.

Syntax

<details open>

　HTML <details> tag

HTML: <template> tag