W3CH5新增元素

1.H5新增元素
  -datalist标签
      <input type="text" list="xxx">
        <datalist id="xxx">
            <option>输入的内容</option>
        </datalist>
    作用: 给输入框绑定待选项  
    操作：input的list属性的值与datalist的id值相等

-progress 
      <progress value="70" max="100">70%</progress>
    progress表示任务的完成情况，常用于进度条
    max: 定义进度元素所要求的任务的工作量，默认值为1  
    value: 定义已经完成的工作量，如果max值为1，该值必须是介于0~1之间的小数

2.HTTP协议
  HTTP是一种能够获取如 HTML 这样的网络资源的 protocol(通讯协议)。它是在 Web 上进行数据交换的基础，是一种 client-server 协议，也就是说，请求通常是由像浏览器这样的接受方发起的。
  HTTP被设计于20世纪90年代初期，是一种可扩展的协议。它是应用层的协议，通过TCP，或者是TLS－加密的TCP连接来发送，理论上任何可靠的传输协议都可以使用。因为其良好的扩展性，时至今日，它不仅被用来传输超文本文档，还用来传输图片、视频或者向服务器发送如HTML表单这样的信息。HTTP还可以根据网页需求，仅获取部分Web文档内容更新网页。

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

HTTP报文的分类有两种：请求报文和响应报文。顾名思义，请求报文就是客户端向服务端发送请求的信号，响应报文就是服务端响应处理后回传给客户端的信号。
  请求方式    get与post请求的区别?  面试题
   

请求报文：请求行、请求头、空行和请求体 
  请求行
    Get  传输数据量小 参数携带在URL后面 没有请求体 没有数据保密性
    Post 传输数据量大 参数携带在请求体里 数据保密性强（swagger-login/register）

    Cookie
      把用户的喜好在本地创建了一个记录，当用户下次浏览相同网页时会进行喜好推荐  

  请求头
    Host：请求的主机名，允许多个域名同处一个IP地址，即虚拟主机

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

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

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

   响应体：返回给前端的数据

宽：width  高：height
合并行：colspan  合并列：rowspan
表格：table   tr   td th