H5新增元素和http协议相关

1.H5新增元素
datalist标签
    <input type="text" list="xxx">
    <datalist id="xxx">
        <option>待选项内容</option>
    </datalist>
    作用: 给输入框绑定待选项
    操作：input的list属性值与fatalist的id值相等
2.progress 
    progress表示任务的完成情况，常用于进度条
    <progress value="70" max="100">70%</progress>
        max 定义进度元素所要求的任务的工作量，默认值为1  
        value 定义已经完成的工作量，如果max值为1，该值必须是介于0~1之间的小数。
3.http协议
    HTTP是一种能够获取如 HTML 等的网络资源的 protocol(通讯协议)。它是在 Web 上进行数据交换的基础，请求通常是由像浏览器这样的接受方发起的。

    HTTP不仅被用来传输超文本文档，还用来传输图片、视频或者向服务器发送如HTML表单这样的信息。HTTP还可以根据网页需求，仅获取部分Web文档内容更新网页。

    表单：提交数据
    交互：HTTP协议
    客户端大前端 请求------>
    <------响应   服务端 后端

4.HTTP报文的分类有两种：请求报文和响应报文。请求报文就是客户端向服务端发送请求的信号，响应报文就是服务端响应处理后回传给客户端的信号。

请求报文：请求行、请求头、空行和请求体

    请求行
    GET /index.php HTTP/1.1，GET是请求方法，/index.php是URL，HTTP/1.1表示使用的HTTP版本为1.1。

    请求方式  
    get与post请求的区别？ 面试题  
        get  传输数据量小  参数携带在URL后面  没有请求体  没有数据保密性  /index.php?id=100&slec=yes
        post  传输数据量大  参数携带在请求体里  数据保密性强（swagger-login/register）

    cookie
        把用户的喜好在电脑本地进行了一个记录，当用户下次再浏览相同网页时，会在电脑本地拿到cookie，进行喜好筛选推荐。

    请求头
        Host：请求的主机名，允许多个域名同处一个IP地址，即虚拟主机。eg: 百度 ---- sp1.baidu.com。

    空行
    用作请求头与请求体之间的内容分割

    请求体
    包含请求携带数据，所以，get是没有请求体的。

响应报文：状态行、响应头、空行、响应体
    状态行   告诉前端请求是否正确，若错误，通过状态码分析错误原因，调整bug
        200  成功
        4XX  前端请求错误，url/请求数据格式错误/语法错误/...
        5XX  服务器端错误，联系后台人员解决
    响应头  
        Content-Type：返回的资源类型 (MIME)；
        Connection：连接方式；close/keep-alive
        close：连接已经关闭；
        keep-alive：连接已保持，在等待本次连接的后续请求；
    空行
        分隔响应头与响应体
    响应体
        返回给前端的数据，响应信息