每日面试篇——HTML+CSS篇第一天

Posted 前端菜鸟库

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了每日面试篇——HTML+CSS篇第一天相关的知识，希望对你有一定的参考价值。



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属性；
友情链接、外链的合理运用，可提高权重；
向各大搜索引擎登陆入口提交尚未收录站点；
优化提高网站的响应速度。




扫描二维码

获取更多精彩

前端菜鸟库



以上是关于每日面试篇——HTML+CSS篇第一天的主要内容，如果未能解决你的问题，请参考以下文章

HTML5前端面试常见问题汇总

大厂高级测试面试题，使用指南

每日算法&面试题，算法特训十四天——第一天

校招实习面试系列，每日10题，快速学习Java高级篇

Android实习面试每天10道面试题合集5篇

java考研学校，深度好文