前端HTML+CSS面试题汇总一

发布时间:2022-11-19 11:30

目录

  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. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

浏览器 内核
IE trident内核
Firefox(火狐) gecko内核
Safari webkit内核
Opera 以前是presto内核,现已改用Google Chrome的Blink内核
Chrome Blink内核 (基于webkit, Google与Opera Software共同开发)

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

Quirks模式(怪癖模式,诡异模式,怪异模式)

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

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

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

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

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

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

  • 设置行内元素的高宽:Standards模式下,给等行内元素设置wdithheight都不会生效,而在quirks模式下,则会生效。

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

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

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号