常见面试问题（重点）.docVIP

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

? IE内核-ms

? Firefox内核-moz

? Safari:webkit内核-webkit

? Opera:内核–o

? Chrome:webkit内核–webkit

每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？

答案：!DOCTYPE声明位于文档中的最前面的位置，处于html标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范还是HTML5。（重点：告诉浏览器按照何种规范解析页面）

HTML和XHTML的区别？

XHTML是基于XML语法规范的HTML语法，比HTML语法要严格，比如说标签必须成对，例如br/

HTML和XML的区别

HTML是超文本标记语言，主要用于做网页

XML是可扩展的标记语言，特点是自定义标签，主要作为一种数据格式做数据交互，或者做配置文件

XML语法：必须有根标签，标签区分大小写且必须成对出现，属性必须加双引号

Quirks（怪异）模式是什么？它和Standards（标准）模式有什么区别

有两种情况浏览器的盒子模型会按照怪异模式执行

1在IE6下不写!DOCTYPE

2CSS3设置box-sizing:border-box

盒子模型的区别是：

怪异模式：设置高度宽度=内容+padding+border

标准模式：设置高度=内容，padding和border会增加高度宽度

div+css的布局较table布局有什么优点？

表格的样式一般是用html属性设置（高度，宽度，边框线）样式，div+css主要是用css控制样式（优点改变样式只要改css就可以了）

Div标签少，页面加载速度更快、结构化清晰、页面显示简洁

DIV和CSS表现（样式）与结构（标签）相分离

易于优化（seo）有哪些信誉好的足球投注网站引擎更友好，排名更容易靠前

Table必须完全加载完毕才能显示，而div可以一边加载一边显示

img的alt与title有何异同？b：strong与em的异同？

title是图片或者链接鼠标悬停的提示

alt只是图片的替代文字，图片不显示的时候可以显示

你能描述一下渐进增强和优雅降级之间的不同吗?

都是针对于css在浏览器高低版本中运行兼容性的问题

渐进增强progressiveenhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验（先低后高）

优雅降级gracefuldegradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容（先低后高）

为什么利用多个域名来存储网站资源会更有效？

? CDN缓存更方便

? 突破浏览器并发限制，浏览器对同一个域名的并发请求个数有限制

? 节约cookie带宽，同一个域名cookie数量和大小也有限制

? 节约主域名的连接数，优化页面响应速度

请谈一下你对网页标准和标准制定机构重要性的理解。

（无标准答案）网页标准和标准制定机构都是为了能让web发展的更‘健康’，开发者遵循统一的标准，降低开发难度，开发成本，SEO也会更好做，也不会因为滥用代码导致各种BUG、安全问题，最终提高网站易用性。

html5的webstorage和cookie的区别

webstorage存储容量大cookie存储受大小和条数限制

cookie每次请求都会自动存储在请求报头中发送给服务器（浪费带宽），webstorage不会

webstorage的localStorage和sessionStorage的区别？

localStorage永久性存储当前域名的数据

sessionStorage是会话级，浏览器关闭就清空

GET请求和POST请求的区别?

发送数据方式：get把数据追加url后面，post把数据放到请求正文中

数据量：get小，post几乎无限制

安全性：get不安全，post安全

中文问题：get不能直接发中文，post可以

简述一下src与href的区别？

src的标签：imgframeiframescript

href的表情：alink

scriptsrc=”外部JS文件”当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，将会暂停网页中的元素加载，这也是为什么将js脚本放在底部而不是头部

linkhref=”common.css”rel=”stylesheet”/当浏览器解析到该元素时，就会并行下载资源并且不会停止对当前文档的处理

知道的网页制作会用到的图片格式有哪些？

png-8，png-24，jpeg，gif，svg后期新技术标准Webp谷歌出品Apngsa