*html语义化
ol：有序列表
dl dt dd：定义列表
p：段落
h1-h6:标题
em：强调(弱一点)
strong：强调(强一点)
header：定义页眉
footer：定义页脚
artice：文档内的文章
*HTML5 特性
canvas，svg，localStorage，sessionStorage，WebSocket，FormData，FromData，Worker，pushState，replaceState，audio，video，postMessage
*说说title 和 alt 属性
1.两个属性都是当鼠标滑动到元素上的时候显示
2.alt是img的特有属性，是图片内容的等价描述，图片无法正常显示时候的替代文字
*viewport
<meta
content="width=device-width,initial-scal=1.0,minimu"/>
width 设置viewport宽度，为一个正整数，或字符串 ‘device-width’
device-width 设备宽度
height 设置 viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置
initial-scale 默认缩放比例(初始缩放比例)，为一个数字，可以带小数
minimum-scale 允许用户最小缩放比例，为一个数组，可以带小数
maximum-scale 允许用户最大缩放比例，为一个数字，可以带小数
*图片优化
懒加载 雪碧图(怎么更改)icon base64 webp
*请求报文
1.请求协议HTTP请求地址
2.请求方法post
3.请求头部
#相应报文
1.HTTP响应报文也由三部分组成：响应行、响应头、响应体
*浏览器缓存：浏览器缓存分为强缓存和协商缓存
强缓存：
Expires(http1.0规范)
Cache-Control：max-age=xxxs(http1.1规范)
协商缓存：
Last-Modified(1.0值为资源最后更新时间，随服务器response返回)
If-Modified(通过比较两个时间来判断资源在两次请求期间是否有过修改，如果没有修改，则命中协商缓存)
ETag(1.1表示资源内容的唯一标识，随服务器response返回)
If-None-Match(服务器通过比较请求头部的If-None-Math 与当前资源的ETag 是否一致来判断资源是否在两次请求之间有过修改，如果没有修改，则命中协商缓存)
*状态码：
200 表示从客户端发来的请求在服务器端被正确处理
204 No content 表示请求成功 但响应报文不含实体店主体部分
301 moved permanently 永久性重定向 表示资源已被分配了新的URL
302 found 临时重定向 表示资源临时被分配了新的URL
304 not modified 使用缓存的内容
400 bad request 请求报文存在语法错误
401 unauthoruzed 表示发送的请求需要有通过 HTTP 认证的认证信息
403 forbidden 表示对请求资源的访问被服务器拒绝
404 not found 表示在服务器上没有找到请求的资源
500 internal sever error 表示服务器端在执行请求时发生了错误
501 Not Implemented 表示服务器不支持当前请求所需要的某个功能
503 service unavailable 表明服务器暂时处于超负载或正在停机维护 无法处理请求
