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

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

·IE内核-ms

·Firefox内核-moz

·Safari:webkit内核-webkit

·Opera:内核-0

·Chrome:webkit内核-webkit

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

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

3.HTML和XHTML的区别?

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

4.HTML和XML的区别

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

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

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

5.Quirks(怪异)模式是什么?它和Standards(标准)模式有什么区别有两种情况浏览器的盒子模型会按照怪异模式执行

1在IE6下不写!DOCTYPE

2CSS3设置box-sizing:border-box盒子模型的区别是：

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

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

6.div+css的布局较table布局有什么优点?

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

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

c)DIV和CSS表现(样式)与结构(标签)相分离

d)易于优化(seo)搜索引擎更友好，排名更容易靠前

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

7.img的alt与title有何异同?b:strong与em的异同?title是图片或者链接鼠标悬停的提示

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

8.你能描述一下渐进增强和优雅降级之间的不同吗?都是针对于css在浏览器高低版本中运行兼容性的问题

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

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

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

·CDN缓存更方便

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

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

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

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

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

11.html5的webstorage和cookie的区别

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

b)cookie每次请求都会自动存储在请求报头中发送给服务器(浪费带宽),webstorage不会

12.webstorage的localStorage和sessionStorage的区别?localStorage永久性存储当前域名的数据

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

13.GET请求和POST请求的区别?

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

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

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

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

14.简述一下src与href的区别?

src的标签：imgframeiframescript

h