zoukankan      html  css  js  c++  java
  • HTML5 <details> 标签

    定义用法:

      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>
  • 相关阅读:
    CentOS VPS
    Make 命令教程
    Nginx 学习
    字体对齐问题
    postman curl
    linux命令
    服务器
    操作系统
    nginx-1.15遇到无法加载php文件报404的问题
    thinkphp6.0框架下载与安装
  • 原文地址:https://www.cnblogs.com/whoamimy/p/12534929.html
Copyright © 2011-2022 走看看