你可能不知道的7个HTML小技巧

2010 年 4 月 29 日

五一期间，知道大家都比较懒，我也是。所以写篇简单且基础的技术小文，不需要动脑子，扫一眼就能掌握的那种。

DETAILS 标签

标签将额外的详情信息隐藏起来，用户在需要的时候点击即可展开查看详情。


    这是一段文字
    用户可以在需要或不需要的时候选择显示或隐藏

标签的内容默认是“详细信息”，在其内部放置 summary 标签可以指定该值：


  1、Summary 标签
  这是一段文字
  用户可以在需要或不需要的时候选择显示或隐藏

标签用来展示一个对话框，通过 open 属性来指定显示和隐藏。

    这是一个打开的对话框

我每天在 6:00 发表文章

标签用于 date 或 time 的展示，效果上没有什么特别的，在开发的角度增加代码的可读性而已。

标签用来为各种类型的标签提供数据源，有点像标签，但它结合标签可以支持自定义输入和检索。



  JavaScript
  C#
  Python
  Rust

标签用来表示某个任务的进度，效果是一个进度条。当不指定 value 属性时是动画效果。

正在下载 30%

正在下载

标签使用文本更小，一般用来修饰不重要的文本信息。

价格：199.00 元

完。