HTML details open 属性

由网友 大卫 发布 阅读 10

HTML details open 属性

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

 HTML <details> 标签

在线示例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <details> open 属性使用-大卫编程网(div.cn)</title>
</head>
<body>
<details open>
  <summary>Copyright 2009-2020.</summary>
  <p> - by div.cn. 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">。

语法

<details open>

 HTML <details> 标签

HTML: <button> type 属性 HTML canvas width 属性