HTML details open 属性

本文介绍HTML details open 属性是一个 boolean（布尔）属性，在线实例演示如何使用HTML details open 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

在线示例

一个打开的/可见的<details>元素:

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <details> open 属性使用-菜鸟教程(cainiaojc.com)</title>
</head>
<body>
<details open>
  <summary>Copyright 2009-2020.</summary>
  <p> - by (cainiaojc.com). All Rights Reserved.</p>
  <p>菜鸟教程为您提供it菜鸟教程学习资源,以及基础知识,学好基础,你才能走的更远.</p>
</details>
<p>details 默认打开.</p>
</body>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

目前只有Chrome 和 Safari 6支持 open 属性。

定义和用法

open 属性是一个 boolean（布尔）属性。

open 属性规定在 HTML 页面上 details 应该是可见的。

HTML 4.01 与 HTML5之间的差异

<details> 标签是 HTML5 新标签。

HTML 与 XHTML 之间的区别

在 XHTML 中, 属性不允许简写, open 属性必须定义为： <details open="open">。