html5总结

   1、H5新增的内容
           HTML5 的第五版本
              新增：语义化的标签、表单的新增功能 和 属性、音频、视频
                 canvas(画布)等相关的API，离线缓存、本地存储。
        
        2、html5 基本语法
           1）文件的类型： .html  或 .htm 的结尾
           2）不区分大小写
           3) 指定的字符集 utf-8   gbk
           4) 省略了部分标签
              单标签
                 <br> <hr>  <img>  <input>  <meta>
              双标签可以当做单标使用
              <div>  <ul> <li>
                 浏览器会自动补齐
        
           5)可以完全省略html  head  body 不写
                
        3、语义化标签：顾名思义，所见即所得。
           根据标签的名称，就知道它在布局中所起的作用。
           优点：
              页面解构更加清晰，有利于引擎搜索
        
           距离说明：
              <div class="header"></div>
              <div class="content"></div>
              <div class="footer"></div>
        
           常见的语义标签：
              header   头部标签
              nav      导航
              footer   尾部标签
              section  主体
              main     显示主要内容
              article  文章区域
              aside    侧边栏
              figure   文档区域
              figcaption  文档区域标题
        
              他们都具有块标签的特性；也可以重复使用。
        4.音频/视频
            src      音频/视频的路径
            controls 属性显示音频/视频的控件（控制开关）
            autoplay 音频/视频在准备就绪后，自动播放
            muted    静音    
            loop     音频/视频在结束后重新开始播放
            preload  加载页面时，加载歌曲/视频。
         
        5.js控件
            controls     用户控件
            pause()      暂停
            play()       播放
            currentTime  已播放时间
            duration     总时间(返回的是秒数)
            autoplay     自动播放
            muted        静音
            volume       音量调节(0 - 1)
            loop         循环播放
            requestFullscreen 全屏
        
        6.input新属性
            placeholder    提示信息
            autocomplete   是否保存用户输入的信息， on是记录  off 不记录
            
            autofocus      指定表单获取焦点事件（每个页面只能出现一个）
            pattern        正则进行验证
            required       必填项
            formmethod     选择数据的提交方式
            formmation     在submit 里面定义提交地址
        
        7.存储
            localStorage    长期存储  没有时间限制的数据存储
            sessionStorage  临时存储  关闭当前浏览器窗口，数据就会消失
        
        8.cookie
            1)为什么有cookie
               web 应用程序是使用http协议 传输数据， http是一个无状态协议。
            
               每次传输数据结束时，浏览器和服务器的连接就会中断（关闭），
               如果再次进行数据传输需要 再次建立链接，此时服务器无法跟踪上次的会话。
            
            2)什么是cookie
               cookie是一段文本信息（key-value 格式）,存储于浏览器中，可以通过JavaScript进行设置，修改，删除。
            
            3)cookie 机制
               客户端发出请求时，服务器需要记录用户的信息，就会向客户端发一个cookie,浏览器就会把cookie存储起来。
               当浏览器再次访问该网站时，浏览器就会请求的地址和设置的cookie一起提交至服务器，
               服务器就会检查cookie,来辨别用户的身份。
            
            4)cookie 特点
               cookie可以跨页面的全局变量
               cookie可以跨越同域名下的多个网页，但不能跨越多个域名使用
               同一个网站中所有页面共享一套cookie
               可以设置有效期限
               存储空间只有4KB左右
            
            5)cookie最大的一个优点
               常用场合：（
                  1）保存用户登录状态；
                  2）跟踪用户行为.
            
            6)cookie的缺点
               （1）cookie可能被禁用；
               （2）cookie与浏览器相关，不能互相访问；
               （3）cookie可能被用户删除；
               （4）cookie安全性不够高；
               （5）cookie存储空间很小(只有4KB左右)