前端HTML+CSS面试题汇总一

目录

1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
2. Quirks模式是什么？它和Standards模式有什么区别
3. Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
4. div+css的布局较table布局有什么优点？
5. img的alt与title有何异同？ strong与em的异同？
6. 你能描述一下渐进增强和优雅降级之间的不同吗?
7. 为什么利用多个域名来存储网站资源会更有效？
8. 请谈一下你对网页标准和标准制定机构重要性的理解。
9. 请描述一下cookies，sessionStorage和localStorage的区别？
10. 简述一下src与href的区别。
11. 知道的网页制作会用到的图片格式有哪些？
12. 知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？
13. 在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？
14. 一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。
15. 你如何理解HTML结构的语义化？
16. 谈谈以前端角度出发做好SEO需要考虑什么？
17. 有哪项方式可以对一个DOM设置它的CSS样式？
18. CSS都有哪些选择器？
19. CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？
20. 超链接访问过后hover样式就不出现的问题是什么？如何解决？
21. 下一篇：前端HTML+CSS初级面试题汇总二

1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?

2.Quirks模式是什么？它和Standards模式有什么区别?

Quirks模式（怪癖模式，诡异模式，怪异模式）

Quirks模式和Standards模式的区别：
首先，严格模式（又称标准模式，Standards模式）和混杂模式（Quirk模式）都是指浏览器的呈现模式，要与Doctype的两种风格区别开来（严格（ strict ）和过渡（ transitional ），过渡 DOCTYPE 的目的是帮助开发人员从老版本迁移到新版本）。

严格模式下：页面排版及JS解析是以该浏览器支持的最高标准来执行
混杂模式：不严格按照标准执行，主要用来兼容旧的浏览器，向后兼容

而浏览器究竟是使用严格模式还是混杂模式呈现页面与网页中的 DTD （文件类型定义）直接相关。

注意： DTD（文档类型定义）
作用是定义 XML 文档的合法构建模块。它使用一系列的合法元素来定义文档结构。列如：

两种模式的一些差别案列如下：

• 盒模型： 在W3C标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在Quirks 模式下，设置的宽度和高度还包含了padding和border。

• 设置行内元素的高宽： 在Standards模式下，给等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。

• 设置百分比的高度： 在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的。

• 用margin:0 auto设置水平居中： 使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效。