1、每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
<!Doctype>标签放在<html>标签之前，用以为web浏览器指定文档以哪一种HTML版本进行编译。
2、div+css的布局较table布局有什么优点？
div+css的布局更易维护，通常只需修改css样式；
3、img的alt与title有何异同？
strong与em的异同？
alt指在图像未正常加载出来时，将显示替代文本，该文本就放在alt属性内；
strong是粗体强调标签，强调，表示内容的重要性；
em是斜体强
调标签，更强烈强调，表示内容的强调点；
渐进增强：先针对低版本的浏览器构建页面，开发出基本功能，然后再逐步向高版本浏览器改进交互效果、提升用户体验、追加功能；
优雅降级：
先针对高版本浏览器构建出完整的功能与页面效果，再逐级向低版本
浏览器兼容。
便于CDN缓存；
6、
cookies，sessionStorage和localStorage的区别？
cookies的大小限制不超过4KB，在当前窗口关闭后清除，且不可跨域调用；
sessionStorage的数据大小一般在5M左右，只在当前会话下有效，浏览器关闭后自动清除；
localStorage的数据大小一般在5M左右，只能用户主动清除，否则一直有效。
src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置，在请求src资源时会将其指向的资源下载并应用到文档内；
href是Hypertext Reference的缩写，指向
网络资源所在位置，
建立和当前元素（锚点）或当前文档（链接）之间的链接。
8、
从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？
dns缓存，cdn缓存，浏览器缓存，服务器缓存
9、
页面上有大量的图片，加载很慢，如何优化这些图片的加载，给用户更好的体验？
图片懒加载；
图标或一些css图片渲染使用Iconfont、Base64等技术；
合理使用meta标签的关键字keywords和摘要description；
语义化HTML代码，少用ifream，搜索引擎更容易理解网页结构、爬虫更易抓取；
