码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 <details> 标签

时间:2020-03-20 22:18:16      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:tle   proc   https   serve   this   isp   qualcomm   reg   col   

定义用法:

  1、<details> 标签用于描述文档或文档某个部分的细节(类似下拉框效果

  2、与 <summary> 标签配合使用可以为 details 定义标题

  注:仅Chrome, Safari 8+ Opera 26+支持此标签,UC浏览器也支持了此标签

<details>
    <summary>Google Nexus 6</summary>
    <p>商品详情:</p>
    <dl>
        <dt>屏幕</dt>
        <dd>5.96” 2560x1440 QHD AMOLED display (493 ppi)</dd>
        <dt>电池</dt>
        <dd>3220 mAh</dd>
        <dt>相机</dt>
        <dd>13MP rear-facing with optical image stabilization 2MP front-facing</dd>
        <dt>处理器</dt>
        <dd>Qualcomm® Snapdragon™ 805 processor</dd>
    </dl>
</details>
 


open属性

  <details>标签 设置open属性  控制默认展开状态

<details  open>
    <summary>Copyright 1999-2011.</summary>
    <p> - by Refsnes Data. All Rights Reserved.</p>
    <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

 

HTML5 <details> 标签

标签:tle   proc   https   serve   this   isp   qualcomm   reg   col   

原文地址:https://www.cnblogs.com/whoamimy/p/12534929.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!