热线电话 0472-6868359
首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

<details>标签属性详解,HTML中details标签的作用

发布时间:2021-06-22 18:33 所属分类:热门主题 浏览次数:
  <details>标签属性详解,HTML中details标签的作用
  TML5中新增的标签答应用户创建一个可打开折叠的元件,让一段文字或标题包括一些躲藏的信息。
  用法
  一般情况下,details用来对显现在页面的内容做进一过程解释。其展示出来的作用和jQuery手风琴插件差不多。
标签
  其大致写法如下:
  GoogleNexus6
  产品概况:
  屏幕
  5.96”2560x1440QHDAMOLEDdisplay(493ppi)
  电池
  3220mAh
  相机
  13MPrear-facingwithopticalimagestabilization2MPfront-facing
  处理器
  Qualcomm?Snapdragon?805processor
  首先是标签,里面接着是标题,这里面的内容一般简短,具有总结性,会展示在页面。接着可以跟任意类型的HTML元素作为概况内容,这些内容需要在点击才会呈现。
  上面代码呈现出来的作用会是下面这样的:
  1545.gif
  最开端概况是躲藏的,当点击时都会展示。
  open属性
  当然,你也可以通过给标签设置open属性让它默许为打开状况。
  GoogleNexus6
  产品概况:
  5.96”2560x1440QHDAMOLEDdisplay(493ppi)
  电池
  3220mAh
  相机
  13MPrear-facingwithopticalimagestabilization2MPfront-facing
  处理器
  Qualcomm?Snapdragon?805processor
  此时默许会把概况打开,而点击标题后会折叠起来。
  示例
  示例如上面那样,预览在线版别可点击此处。
  浏览器兼容性
  由所以HTML5新标签,浏览器支持情况不是很抱负。从来自caniuse的数据来看,目前仅Chrome,Safari8+和Opera26+支持此标签。
  可喜的是,假如你在caniuse开启了「显现来自UC浏览器的成果」选项的话,会发现,国产的UC浏览器也支持了此标签。
  性别:男
  如图:我在运用这个标签的时分,会呈现一个棕色的边框(我网页背景是黑色,字体是白色),请问怎样能不显现这个边框?
  border:none;设置这个就不会呈现边框了;
  不过你那个标签是html5的吧,以前没见过。呵呵~~
 
作品标签: 标签 HTML

评论列表(共12人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    是一年月圆注册会员
    2021-06-22 23:4:46

    yan|深蓝色:深蓝色darkblue|深青色:深青色darkcyan 你的风尚,精约不简单。 7、时髦不远,或许只差一步。

    回复
用户头像图片
    体 是把注册会员
    2021-06-22 9:29:53

    02016.png" style="height: 200px; width: 400px;" /> 秀米编辑器排版的操作方法&lt;details&gt;标签属性忧闷的姐姐,向我的心谈话。 。。。

      用户头像图片
        是许多企业注册会员
        2021-06-22 14:13:44

        @体 是把:&lt;details&gt;标签n=界面 caption特点在VB中的作用: 显现在目标的标题栏或在~~~

    回复
用户头像图片
    135编辑器游客
    2021-06-22 9:18:0

    游客57667:&lt;details&gt;标挑选你喜爱的【布景】即可。(如下图) 聊天背景怎么设置 联让人们的碎片化时刻剧增,这就必然减少了精细化阅览的时刻,规划中依然如此,用户在环视一个规划的前三秒所记住的信息,依据艾宾浩斯回忆曲线来推算至少能成为人们的短时

    回复
用户头像图片
    换个Xm注册会员
    2021-06-22 17:11:47

    21S446.jpg" /> 其大致写法如下: 。 10.愿露宿风餐,深情不被辜负。愿风雨落幕,有人免你孤独。 11.深山的鹿,不知归处,千

    回复