zoukankan      html  css  js  c++  java
  • html5 日常小结

    HTML5新标签汇总

     1.  html5新的 (input type=类型) 元素

    <input type="number" name="quantity" />
    <input type="date" name="bday" />
    <input type="color" name="favcolor" />
    <input type="range" name="points" />
    <input type="month" name="bdaymonth" />
    <input type="week" name="week_year" />
    <input type="datetime" name="bdaytime" />
    <input type="datetime-local" name="bdaytime" />
    <input type="email" name="email" />
    <input type="search" name="googlesearch" />
    <input type="tel" name="usrtel" />
    <input type="url" name="homepage" />

    2.  HTML5 新元素

    <datalist> 标签定义可选数据的列表。
    <keygen> 标签定义生成密钥。
    <output> 标签定义不同类型的输出。
    <article> 标签定义外部的内容。
    <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
    <details> 标签定义元素的细节,通过点击进行隐藏。
    <dialog> 标签定义对话框或窗口。
    <figcaption> 标签定义 figure 元素的标题。
    <figure> 标签用于对元素进行组合。使用 figcaption 元素为元素组添加标题。
    <footer> 标签定义 section 或 document 的页脚。
    <header> 标签定义 section 或 document 的页眉。
    <main> 标签定义文档的主要内容。
    <meter> 标签定义度量衡。可在 min/max 属性中定义。
    <nav> 标签定义导航链接的部分。
    <rp> 标签定义在 ruby 注释中使用。
    <rt> 标签定义字符(中文注音或字符)。
    <ruby> 标签定义 ruby 注释(中文注音或字符)。
    <section> 标签定义文档中的章节、页眉、页脚或文档中的其他部分。
    <summary> 标签定义包含 details 元素的标题。
    <time> 标签定义日期或时间。
    <mark> 标签定义标记或高亮显示文本。此标签很常用,在搜索中可以高亮显示搜索关键词。
    <progress> 标签运行中的进程。此标签来显示 javascript 中耗费时间的函数的进程。
    <video> 标签定义视频。
    <audio> 标签定义声音。
    <source> 标签为媒介元素(<video><audio>)定义媒介资源。
    <canvas> 标签定义图形。

     3.  class命名规范:

        之前的项目里class的命名简直五花八门,有驼峰式、下划线、破折号等。。  今天看了H5规范后,一定得改下了。

       class命名 只能是简写或者破折号。

     4. 限制行数:

       -webkit-line-clamp:2; 

  • 相关阅读:
    善用js 异步引入,大幅提升vue站点加载速度,媲美大厂流畅性
    react hooks useState 赋值优化解决方案
    vue hash模式下的微信授权详解
    图片之间没加空格有间隙的解决方案
    React 父组件重新渲染,子组件不需要渲染的三种性能优化方式(PureComponent,memo,shouldComponentUpdate);
    uniapp历史模式history配置
    vue下请求数据地址的封装
    h5 下ios适配底部小黑条,简单解决方案,只需一步
    overflow:hidden 失效问题
    h5下数字,字母不换行的解决方案
  • 原文地址:https://www.cnblogs.com/fanxiaowu/p/4469252.html
Copyright © 2011-2022 走看看