1. Doctype 作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
DOCTYPE 是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器， 它应该使用什么样的文档类型定义来解析文档。只有确定了一个正确的文档类型，超文本标记语言或 可扩展超文本标记语言中的标签和层叠样式表才能生效，甚至对 javascript 脚本都会有所影响。
标准模式是指，浏览器按 W3C 标准解析执行代码；
怪异模式则是使用浏览器自己的方式解析执行代码， 因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。
浏览器解析时到底使用标准模式还是怪异模式，与你网页中的 DTD 声明直接相关，DTD 声明定义了标 准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页并显示，忽略 DTD 声 明,将使网页进入怪异模式(quirks mode)。 如何触发两种模式 DOCTYPE 不存在或形式不正确会导致 HTML 和 XHTML 文档以混杂模式呈现。
触发严格模式:
<!-- HTML 4.01 严格型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!-- XHTML 1.0 严格型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
触发混杂模式 :
<!-- HTML 4.01 过渡型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- HTML 4.01 框架集型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <!-- XHTML 1.0 过渡型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- XHTML 1.0 框架集型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">区分它们的意义：doctype 声明指出阅读程序应该用什么规则集来解释文档中的 标记。
2. XHML和HTML有什么区别？
- XHTML是基于XML设计的
A: XHTML所有的标记都必须有有一个相应的结束标记。
B: 所有的标签名和属性名都必须小写。
C: 所有的XML标记都必须合理嵌套。
D: 所有的属性必须用引号 " “括起来
E: 所有的<和&特殊符号必须用编码表示。
F: 给所有属性赋一个值=” " 。
G: 不要在注释内使用 “–”和 =" ”
H: 图片必须有说明文字= " " <= " " code = " " />
- HTML是基于Web页面设计的
3. 如何使一套设计方案，适应不同的分辨率，有哪些方法可以实现？
流式布局：
使用非固定像素来定义网页内容，也就是百分比布局，通过盒子的宽度设置成百分比来根据 屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。
这样的布局方式，就是移动 web 开发使用的常用布局方式。这样的布局可以适配移动端不同 的分辨率设备。
响应式开发：
那么 Ethan Marcotte 在 2010 年 5 月份提出的一个概念，简而言之，就是一个网站能够兼容多 个终端。越来越多的设计师也采用了这种设计。 CSS3 中的 Media Query（媒介查询），通过查询 screen 的宽度来指定某个宽度区间的网页布 局。
超小屏幕（移动设备） 768px 以下
小屏设备 768px-992px
中等屏幕 992px-1200px
宽屏设备 1200px 以上
由于响应式开发显得繁琐些，一般使用第三方响应式框架来完成，比如 bootstrap 来完成一部 分工作，当然也可以自己写响应式。
阐述下移动 web 和响应式的区别：
141
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
