1.6 HTML5新特性

1.HTML5由W3C和WHAT组织机构共同研发出来的，于2014年正式发布。
2.HTML5成为了新一代网页开发标准。
3.HTML5新特性（面试）
    1）增加了audio和video音频播放，抛弃了Flash
    2）新增了canvas画布（绘画，制作动画（如小游戏开发等））
    3）地理定位
    4）增加了离线缓存
    5）硬件加速
    6）Web Socket（全双工通信）
    7）增加了本地存储
    8）新增了一些语义化标签
4.网页布局标签
    header:页首
    nav:导航栏
    aside:侧边栏
    main:主体
    section:区块
    article:文章
    footer:页尾
5.语义化标签（双标签）
    1)mark:高亮显示(行级)
    2)details(描述)与summary(摘要):一般用于名词解释或用于封装一个区块等
    3)meter:定义度量衡
        属性:value（当前值）/min（最小值）/max（最大值）/low(指定范围最小值）/high(指定范围最大值）
        <meter value="100" min="30" max="200">100</meter>公里每小时
    4)progress:进度条
        属性:value/max（进度完成值）
    5)dialog:对话框或窗口（配合JS使用）
    6)figure:用于对元素进行组合（一般用来组合一张图的标题、图片和图片描述等）
6.HTML5多媒体
    1)audio
        播放音乐或音频。IE9以下的版本不支持。

        a)支持的格式
            .mp3/.ogg/.wav
        b)属性
            src:文件路径
            autoplay:自动播放
            loop:循环（次数）
            controls:控制条（页面显示出来）
            muted:静音
            preload:预加载（当使用autoplay时，preload自动失效）（一般用于较大音频）
    2)video
        加载视频。IE9以下的版本不支持。

        a)支持的格式
            .mp4/.ogg/.webm
        b)属性
            src:文件路径
            autoplay:自动播放
            loop:循环
            controls:控制条
            muted:静音（初始值）
            preload:预加载（当使用autoplay时，preload自动失效）
            width:宽度
            height:高度
            poster:海报（点击播放前显示图像或指定视频下载时显示图像）
    3)embed
        嵌入内容或加载插件。

        属性:
            src:文件路径
            width:宽度
            height:高度
            type:类型
       例：
      <embed src="文件" type="vide0/ogg” autostart="true"/>
    autostart="true" //自动播放
    starttime="00.05" //起始播放时间
    ......

    4)canvas
        画布。是一个容器元素。
        注意：
            a.单独使用canvas没有什么意义，它必须结合Javascript使用。它的具体功能体现是通过
        Javascript体现现来的。
            b.canvas的宽高最好不要通过css实现，而是直接使用标签属性width和height实现。
7.HTML5常用属性
    1）contentEditable
        <p contentEditable="true">可编辑内容</p>
        将标签转换为可编辑状态。可用于所有标签。它的值有true/false。
    2）hidden
        对元素进行隐藏。一般用来传值或当某个条件成立，执行内容显示。默认值为hidden。
    3）data-*
        用于存储页面或应用程序的私有自定义数据。一般用于传值。
    4）multiple
        规定输入域中可选择多个内容。用于表单组件中，如file/select。
    5）required
        约束表单元互在提交前必须输入值。用于表单组件中，需要结合提交按钮使用。
    6）pattern
        用于验证输入字段的模式。用于表单组件中，需要结合提交按钮使用。
        <input type="text" name="qw" pattern="[A-Z]{3}/>
8.表单组件
    1）color：颜色
    2）email：邮箱
    3）tel：电话号码
    4）url：网址
    5）number：数字
    6）range：范围
    7）search：搜索
    8）date：日期
    9）datetime：日期时间
    10）datetime-local：本一日期时间
    11）year：年份
    12）month：月份
    13）time：时间
     <form>
           <input type='color'/>
     </form>
9.表单属性
    1）formaction:修改action数据提交的地方
    2）formenctype:修改表单请求的类型,更改表单的enctype属性值
    3）formmethod:修改数据提交的方法（get/post）
    常用提交方式：get/post
    get: 是以字节为单位提交；是以明文方式提交的，数据会显示在地址栏中；在浏览器中回退是无害的；会被浏览器主动缓存
    post:是以字符为单位提交；是以暗文方式提交的；在浏览器中回退会再次提交请求；不会主动缓存，除非手动设置
    get和post在传输字节上一般没有限制，个别浏览器有，可以理解为get一般不超过2k，而post不超过2M
    4）form:设置表单元素属于哪个表单
    5）novalidate:不验证
10.input属性
    1）autocomplete:自动完成（on/off（默认on开启）)
        用来帮助用户输入，每一次输入的内容，浏览器是否保存输入的值，以备将来使用。值有：
    on/off，默认为on。
        为了保护敏感数据（如用户帐号、密码等），避免本地浏览器对它们不安全存储，一般需要关闭。
    2）autofocus:自动获焦
    3）step:步长
    4）multiple:多选
    5）pattern:正则匹配
    6）placeholder:输入提示
    7）required:必须输入