![b2ebb1336c0024489ac0a934a332e3fd.png](https://i-blog.csdnimg.cn/blog_migrate/de3f5b3025e8e140cf66ebb60ae81516.jpeg)
1、每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?
<!Doctype>标签放在<html>标签之前,用以为web浏览器指定文档以哪一种HTML版本进行编译。
2、div+css的布局较table布局有什么优点?
div+css的布局更易维护,通常只需修改css样式;
页面加载速度更快、结构化清晰、页面显示简洁;
易于优化SEO,排名更容易靠前。
3、img的alt与title有何异同? strong与em的异同?
alt指在图像未正常加载出来时,将显示替代文本,该文本就放在alt属性内;
title为设置该属性的元素提供建议性的信息;
strong是粗体强调标签,强调,表示内容的重要性;
em是斜体强调标签,更强烈强调,表示内容的强调点;
4、渐进增强和优雅降级之间的区别?
渐进增强:先针对低版本的浏览器构建页面,开发出基本功能,然后再逐步向高版本浏览器改进交互效果、提升用户体验、追加功能;
优雅降级:先针对高版本浏览器构建出完整的功能与页面效果,再逐级向低版本浏览器兼容。
5、为什么用多个网站域名来存储资源会更有效?
便于CDN缓存;
突破浏览器的并发限制;
为主域名分担压力,优化页面响应速度;
节约cookie带宽。
6、cookies,sessionStorage和localStorage的区别?
cookies的大小限制不超过4KB,在当前窗口关闭后清除,且不可跨域调用;
sessionStorage的数据大小一般在5M左右,只在当前会话下有效,浏览器关闭后自动清除;
localStorage的数据大小一般在5M左右,只能用户主动清除,否则一直有效。
7、src与href的区别?
src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置,在请求src资源时会将其指向的资源下载并应用到文档内;
href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接。
8、从用户刷新网页开始,一次js请求一般情况下有哪些地方会有缓存处理?
dns缓存,cdn缓存,浏览器缓存,服务器缓存
9、页面上有大量的图片,加载很慢,如何优化这些图片的加载,给用户更好的体验?
图片懒加载;
图片预加载;
图标或一些css图片渲染使用Iconfont、Base64等技术;
使用缩略图。
10、以前端角度出发做好SEO需要考虑什么?
合理使用meta标签的关键字keywords和摘要description;
title标签内的网站标题规范;
语义化HTML代码,少用ifream,搜索引擎更容易理解网页结构、爬虫更易抓取;
非装饰性的图片img标签内必须加alt属性;
友情链接、外链的合理运用,可提高权重;向各大搜索引擎登陆入口提交尚未收录站点;
优化提高网站的响应速度。