1.seo方面
- html语义化
- 合理的title,keyword,description
2.从浏览器地址栏输入url到显示页面的步骤
- DNS域名解析找到对应的ip,向服务端发送请求
- 服务端返回文件，浏览器接受
- 浏览器对接受的文件进行解析
- 解析后地文件，渲染页面
3.如何进行网站性能优化
- 内容方面：
- 减少http请求（雪碧图）
- 减少dom元素
- css方面：
- css文件放在头部引入(会先渲染css样式，主要在加载dom的时候就知道自己的样式，一次渲染成功；如果放在尾部，会先渲染dom，当css加载完后需要再一次渲染dom,两次渲染)
- 不要使用css表达式
- 少使用行内样式表
- js方面
- js文件在尾部引入(浏览器在将html渲染成dom的过程中，如果遇到引入的js文件们就会停止渲染，先执行外部的js文件，可以添加async属性，表示js文件不是同步加载的，不会阻止渲染)
- 减少dom操作
- 压缩js,css文件
- 图片
- 图片懒加载
- 图片预加载
script标签的acync和defer属性的区别
- acync：异步加载js文件，加载完js文件后立即执行js代码，执行过程会阻碍dom的渲染；并且不保证js文件的加载顺序
- defer：异步加载js文件，渲染完dom才会执行文件，保证js文件的加载顺序
html5有哪些新特性
- 新增的语义化标签 header nav footer等
- video audio
- 表单控件email url
cookies，sessionStorage 和 localStorage 的区别？
- cookie会在同源的http请求中来回传递，sessionStorage 和 localStorage只会在本地保存
- cookie的大小是4K,sessionStorage 和 localStorage是5M
- cookie设置的有效期到了才会过期，sessionStorage浏览器关闭会丢失数据，不同页面无法共享，localStorage关闭浏览器数据不会丢失，相同浏览器的不同页面可以共享
h5 data-*
获取 dom.dataset.*
简述一下src与href的区别
- src：替换当前元素，js引入时会暂停加载dom
- href：当前文件和外部资源建立连接，不会阻碍dom加载
