美文网首页
详解H5新特性

详解H5新特性

作者: 勤能补拙的笨小孩 | 来源:发表于2019-09-27 21:07 被阅读0次

    H5是为了让移动设备支持多媒体

    新特性:

    1.新表单元素引入

    input元素及type属性

    <input type="email" />
    //type属性:
      email
      url
      number
      range
      color
      date
      month
      week
      time
    

    form属性

    autocomplete=" on | off " //自动完成(历史内容记忆)
    novalidate=" on  | off "    //关闭表单校验
    

    input属性

    autofocus:自动获取焦点
    form:form元素外制定与哪个form一并提交(form的值为“目标form的id”)
    list:绑定input的下拉内容,list的值为目标元素的id 目标元素为
    <datalist id="aaa">
      <option></option>
    </datalist>
    multiple:select加此属性可多选
    placeholder:文字提示内容
    required:必填
    

    2.新语义标签的引入

    <header></header>
    <nav></nav>
    <section></section>
    <footer></footer>
    <article></article>
    

    但是这些新语义标签在低版本IE浏览器中兼容性很差,以下是IE低版本兼容解决方案

    <!--[if lte IE 8]>
      <script type="text/javascript" src="../html5shiv.min.js"></script>
    <![endif]-->
    

    3.多媒体控件

    <video></video>
    <audio></audio>
    属性:controls显示多媒体控件
    属性:autoplay自动播放
    属性:loop设置循环播放
    

    4.canvas标签
    5.本地数据库
    6.一些API

    好处:

    1、跨平台(可嵌入各种平台)

    缺点:

    1、兼容性不好

    相关文章

      网友评论

          本文标题:详解H5新特性

          本文链接:https://www.haomeiwen.com/subject/jspguctx.html