HTML、CSS初级前端试题汇总（持续补充）

1.浏览器内核

IE：trident 前缀：-ms-

Firefox:gecko 前缀：-moz-

Safari:webkit 前缀：-webkit-

Opera:以前是presto,现在是Blink 前缀：-o-

Chrome:Blink 前缀：-webkit-

2.HTML文件开头的DOCTYPE是干什么的？

< !DOCTYPE >声明位于文档最前，在< html >标签之前。

告诉浏览器文档按何种HTML或者XHTML规范解析页面

3.浏览器在一次HTTP请求中，需要传输一个4097字节的文本数据给服务器，可以采用那些方式？【需要进一步理解！！！】

用post方式：向服务器传送数据，数据量较大

Cookie：通过在客户端（浏览器）记录信息确定用户身份，最大为4kb

IndexdDB：HTML5本地存储，把一些数据储存到浏览器（客户端）中，当网络断开时，可以从浏览器读取离线应用

url：用get方法，从服务器上获取数据，大小不能超过2kb local

Storage：HTML5本地存储，将数据保存在客户端（一般为永久的）

4.置换元素：展现不是由css来控制的元素。

< img> < object> < video> < textarea> < input>

5.display:none;和visibility：hidden;【实际应用？？？】

display:none;不为被隐藏的对象保留其物理空间

visibility：hidden;所占据的空间位置仍然存在，仅为视觉上的完全透明

6.Quirks(怪异模式)是什么？和Standards模式有什么区别

Standards标准模式： IE6开始引入。浏览器给符合标准的文档在规范上正确处理在指定浏览器中。

背景： IE6之前css不成熟，IE5等之前的浏览器对css的支持很差，IE6对css提供更好的支持。

产生的问题：对基于旧布局方式写的页面，IE6支持的CSS会显示不正常。如何保证不破坏现有的页面，又提供新的渲染机制？

解决办法：增加参数和分支。参数为真，则使用新功能；参数为假，则使用旧功能。

Quirks怪异模式： IE6将DTD当成了这个参数。以前的页面不写DTD，IE6假定写了DTD，页面将采用CSS支持更好的布局；没写DTD，则采用之前旧的布局方式。

区别：