HTML5 的新特性
- 语义化标签:header、footer、section、nav、aside、article
- 音频视频：audio、video
- canvas
- 地理定位：
- 拖拽：drag
- 本地存储：localStorage、sessionStorage
- WebSocket
localStorage，sessionStorage，cookie 的区别
本地存储方法有Cookie和h5的WebStorage
共同点：都是保存在浏览器端。
区别：
(1) 存储大小限制不同
cookie数据不能超过4k，sessionStorage和localStorage 比cookie大得多，可以达到5M或更大。
(2) 数据有效期不同
sessionStorage：仅在当前浏览器窗口关闭前有效。
localStorage：长期有效，直到用户删除。
cookie：在设置的cookie过期时间之前一直有效，默认为浏览器关闭。
(3) 作用域不同
cookie和localStorage，同源，同浏览器，可以在不同页面共享。
sessionStorage：同源，同浏览器，同一个页面。
(4) cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。
sessionStorage非常少用，一般用localStorage
浏览器输入url后发生了什么
1.DNS解析、2.TCP连接、3.发送http请求、4.处理请求返回的数据、5.页面渲染、6.关闭连接
dns其实是域名解析服务器，因为域名是要解析成ip地址的，所以要使用dns解析。
TCP是传输控制协议，http协议就是基于tcp协议的。在传输数据之前，必须通过tcp连接进行3次握手来初始化。
https协议
https协议就是http协议加上SSL协议，传输的数据是经过加密的，比http更安全。
https传输过程：
1.首先经过TCP三次握手建立连接，然后开始SSL通信
2.客户端首先发送ssl信息和加密算法到服务器
3.服务器返回ssl信息
4.然后开始验证，验证通过后进行HTTP数据传输。
什么是浏览器缓存？
浏览器缓存就是浏览器会缓存当前页面，当你下次访问这个页面的时候会先查看浏览器缓存是否有该页面，而不是马上请求服务器
HTML文件的DOCTYPE有什么作用？
告诉浏览器的解析器要使用哪种HTML规范来解析页面。
ajax
ajax：异步的js和xml。就是在利用js操作浏览器的XMLHttpRequest对象来与服务器进行数据交互的方式。
ajax可以使网页在不刷新的情况下实现局部更新数据。
URL组成
由通讯协议、域名/IP地址、资源存放路径组成。
1613999513835.png
URL编码
作用：为了保证发送给服务器的url以及参数不会被服务器解析错误。比如你想传递的参数有中文，那就要进行url编码。
方法：编码：encodeURL()、解码：decodeURL()
JSON
json字符串是一种数据格式，一般服务器响应回来的数据格式都是json格式。
我们经常会用json的序列化（parse）和反序列化（stringify）来拷贝数据。
跨域
造成跨域主要是因为浏览器的同源策略。为了保证用户信息的安全，浏览器会禁止不同源的两个域进行访问。如果协议、域名、端口有一个不相同则为不同源，也就是跨域。不同源的话我们是无法共享cookie、localStorage等本地资源，以及不能发送请求和操作dom。
但我们在使用ajax的时候会经常跨域，所以有以下几种解决跨域的方法：
1.使用CORS，也就是跨域资源共享，不过这都是后台在服务器进行设置就可以了
2.使用JSONP跨域，所有浏览器都可以使用这个方法进行跨域，但它只支持get请求。
jsonp跨域原理：因为script标签和img标签的src是可以进行跨域请求的。所以jsonp跨域就是利用在script标签的src属性添加回调的函数名，然后就会发送一个get请求到服务器，服务器解析后会找到对应的函数去做这个回调，然后把数据返回。
介绍一下xhtml和html的区别是什么?
html是超文本标记语言，xhtml就是可扩展超文本标记语言，xhtml表现方式和html类似，但在语法上更加严格，例如：所有标签必须闭合和小写，所有参数值包括数字都要加引号。
用html的经验解决seo优化问题
SEO是英文Search Engine Optimization的缩写，中文译为“搜索引擎优化”。
html进行seo的几种方法：
1.给a标签添加title，给图片添加alt，合理使用keywords，description标签。
2.合理使用h标签，一个页面只能有一个h1标签。合理使用h5新增标签：section，article。
3.关键字使用strong标签，列表使用ul/ol。
