当前位置: 首页>>代码示例>>用法及示例精选>>正文


HTML <details> open属性用法及代码示例

HTML <details>打开属性用于指示是否在页面加载时显示详细信息。这是一个布尔属性。如果存在此属性,则细节将可见。

用法:

<details open> Contents... </details>

例:此示例说明了<details>元素中open属性的用法。


<!-- HTML program to illustrate details open Attribute -->
  
<!DOCTYPE html>  
<html>  
    <head>  
        <title>HTML details open Attribute</title>  
    </head>  
      
    <body>  
        <h1 style="text-align:center;"> 
            GeeksForGeeks 
        </h1> 
          
        <h2 style = "color:green; text-align:center;">  
            HTML <Details>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>                    

输出:

支持的浏览器:HTML <details> open属性支持的浏览器如下:

  • 谷歌浏览器12.0
  • Firefox 49.0
  • Safari 6.0
  • Opera 15.0


相关用法

注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <details> open Attribute。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。