初级前段面试题整理

1、浏览器页面有那三层结构构成，分别是什么，作用是什么？

答案：结构（HTML）、表现（CSS）、行为（JavaScript）
作用：HTML用于构建页面基本结构；CSS主要用于渲染页面，控制HTML样式，控制网页信息如何显示；JavaScript用于实现客户端的一些功能与业务。

2、HTML5的优点与缺点？

优点：
①更简洁，在实际开发中要注意书写规范，利于后期维护
②标签语义化
③语法更宽松
④多设备跨平台
⑤自适应网页设计

缺点：
①安全：像之前Firefox4的web socket和透明代理的实现存在严重的安全问题，同时web storage、web socket 这样的 功能很容易被黑客利用，来盗取用户的信息和资料。
②完善性：许多特性各浏览器的支持程度也不一样。
③技术门槛：HTML5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习，像web worker、web socket、 web storage 等新特性，后台甚至浏览器原理的知识，机遇的同时也是巨大的挑战
④性能：某些平台上的引擎问题导致HTML5性能低下。
⑤浏览器兼容性：最大缺点，IE9以下浏览器几乎全军覆没。

3、HTML页面里面的Doctype有什么作用？
告诉浏览器是HTML页面

4、你都用过什么浏览器测试，他们都属于什么内核？
a、trident IE，腾讯，360浏览器
b、gecko 火狐（Firefox），Netscape 6以后的版本
c、presto Opera（欧朋）
d、webkit Safari，Chrome，遨游3
e、blink Google和Opera（欧朋）

5、link和import的区别
a、link属于HTML标签，import是CSS提供的一种方式
b、当页面加载时，link会被同时加载，而import会等页面结构加载完再加载
c、import只有在IE5以上才能识别，而link的元素没有兼容问题
d、link能被DOM控制，而import不能被DOM所控制

6、post和get的区别
a、get是从服务器上获取数据，post是向服务器传送数据
b、get是通过URL传输数据，在URL中可以看到数据。post是通过post机制传输数据，看不到数据的传输过程。
c、get传输的数据量较小，不能大于2KB；post传输的数据量大，一般不受限制。
d、get的安全性很低，post的安全性较高，但是get的执行效率比post的效率高。

7、CSS的元素类型及各元素类型代表性的标签
①块级元素（独占一行，自上而下排列，可定义宽高，一般作为其他元素的父元素使用）
代表标签： div，h1-h6，ul，ol，dl，p，dt，dd，table，tr，td，form，hr，fildset。。。
②行内（内联）元素（横向排列，不能定义宽高）
代表标签：a，span，i，em，b，strong，u，del，code（计算机代码），sub，sup。。。
③行内（内联）块元素（横向排列，可以设置宽高，默认各元素之前有间隙）
代表 标签：img，input、textare、

8、CSS样式表分为几种
a、外部样式表：
分为两种：link和@import
b、内部样式表（style）
c、内联（行内）样式表（标签内使用style）

…未完待续