HTML中的open屬性用於指示是否在頁麵加載時顯示詳細信息。這是一個布爾屬性。如果默認情況下不存在,則不會顯示詳細信息。
注意:此屬性僅由<details>元素使用。
用法:
<details open> content... </details>
例:
<!-- HTML program to illustrate open Attribute -->
<!DOCTYPE html>
<html>
<head>
<title>HTML open Attribute</title>
</head>
<body>
<h2 style = "color:green; text-align:center;">
HTML open Attribute
</h2>
<!-- Below details tag has "open" attribute -->
<details open>
<summary>Geeks classes</summary>
<p>
An extensive classroom programme to build
and enhance Data Structures and Algorithm
concepts.
</p>
</details>
</body>
</html>
輸出:
支持的瀏覽器:下麵列出了open屬性支持的瀏覽器:
- 蘋果Safari 6.0
- 穀歌瀏覽器12.0
- Firefox不支持
- Opera 15.0
- Internet Explorer不支持
相關用法
- HTML <details> open屬性用法及代碼示例
- HTML dialog open用法及代碼示例
- HTML5 MathML open屬性用法及代碼示例
- HTML DOM open()用法及代碼示例
- HTML Details open用法及代碼示例
- HTML Dialog open用法及代碼示例
- HTML DOM indexedDB open()用法及代碼示例
- HTML <html> xmlns屬性用法及代碼示例
- PHP fopen()用法及代碼示例
- AngularJS ng-open用法及代碼示例
- Node.js fs.open()用法及代碼示例
注:本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 HTML | open Attribute。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。