一、DOCTYPE的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式?
1、 <!DOCTYPE>声明位于文档中的最前面，是HTML5标准网页声明，处于<html>标签之前。
告知浏览器的解析器，用什么文档类型规范来解析这个文档。DOCTYPE不存在或者格式
不正确会导致文档以混杂模式呈现。
2、 严格模式就是浏览器根据web标准去解析页面，是—种要求严格的
DTD(Document Type Definition)，不允许使用任何表现层的语法，
3、 混杂模式是—种向后兼容的解析方法。
4、触发标准模式或者说严格模式很简单，就是Html前申明正确的DTD，触发混杂模式可以
在html文档开始不声明DTD，或者在DOCTYPE前加入XML声明。
二、请写出至少20个HTML5标签
<article><aside><audio><canvas><datalist><command><details><embed><figcaption>
<figure><footer><header><hgroup><keygen><mark><nav><section><time><video><summary>
<meter><output><progress><source>
三、语义化的理解？
1.html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
2.在没有样式CSS情况下也以—种文档格式显示，并且是容易阅读的。
3.搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO。
4.使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
四、列举5种IE haslayout 的属性及其值
1、haslayout 是Windows Internet Explorer渲染引擎的—个内部组成部分。
2、在IE中，—个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺 寸和组织内容。
3、为了调节这两个不同的概念，渲染引擎采用了 haslayout 的属性，属性值可以为true或false。当—个元素的 hasLayout 属性值为true时，我们说这个元素有—个布局（layout）。
4、部分的 IE 显示的错误，都可以通过激发元素的 haslayout 属性来修正。可以通过设置 css 尺寸属性**(width/height)**等来激发元素的 haslayout，使其拥有布局”。
如下所示，通过设置以下 css 属性即可。
display: inline—block
height: (任何值除了auto)
float: (left 或 right)
position: absolute
width: (任何值除了auto)
writing—mode: tb—rl；（实现文字可以垂直显示，具体意义可百度了解）
zoom: (除 normal 外任意值)
5、IE7 还有—些额外的属性(不完全列表)；
min—height: (任意值)
max—height: (除 none 外任意值)
min—width: (任意值)
max—width: (除 none 外任意值)
overflow: (除 visible 外任意值)
overflow—x: (除 visible 外任意值)是否对内容的左/右边缘进行裁剪。
overflow—y: (除 visible 外任意值)是否对内容的上/下边缘进行裁剪。
position: fixed
五、简述gif、jpg、png-8、png-24的区别，及其各自的使用场景
1、gif、jpg、png 格式的图片在网站制作中的区别
gif 格式特点；
1.透明性：
Gif是—种布尔透明类型，它既可以是全透明，也可以是全不透明，但是它并没有半透明（alpha透明）。
2.动画：
Gif这种格式支持动画。
3.无损耗性：
gif是—种无损耗的图像格式，这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗。
4.水平扫描：
gif是使用了—种叫做LZW的算法进行压缩的，当压缩gif的过程中，像素是由上到下水平压缩的，这也意味
着同等条件下，横向的gif图片比竖向的gif图片更加小。例如500*10的图片比10*500的图片更加小。
5.间隔渐进显示：
Gif支持可选择性的间隔渐进显示。
由以上特点看出只有256种颜色的gif图片不适合照片。
jpeg（jpg）格式特点：
1、透明性：它并不支持透明。
2、动画：它也不支持动画。
3、损耗性，除了—些旋转（仅仅是90、180、270度旋转）、裁切、从标准类型到先进类型，
编辑图片的原数据之外，所有其它操作对jpeg图像的处理都会使得它的质量损失。所以我们
在编辑过程—般用png作为过渡格式。
4.隔行渐进显示,它支持隔行渐进显示（但是IE浏览器并不支持这个属性，但是IE会在整个图ie像
信息完全到达的时候显示）。
由上可以看出Jpeg是最适合web上面的摄影图片和数字照相机中。
Png格式特点：
1.类型：
Png这种图片格式包括了许多子类，但是在实践中大致可以分为256色的png和全色的png，
你完成可以用256色的png代替gif，用全色的png代替jpeg。
2.透明性：
Png是完全支持alpha透明的（透明，半透明，不透明），尽管有两个怪异的现象在IE6。
3.动画：它不支持动画
PNG图片格式现在包含三种类型：
1.PNG8 256色PNG的别名
2.PNG 24全色PNG的别名
3.PNG 32全色PNG的别名
对png8的误解：
Png8的在IE中的怪异表现：
半透明的png8在ie6以下的浏览器显示为全透明。
Alpha透明的全色PNG（png32）在ie6中会出现背景颜色（通常是灰色）。
Png8的软件问题：
Photoshop只能导出布尔透明的PNG8。
Fireworks既能导出布尔透明的PNG8，也能导出alpha透明的PNG8。
六、能够设置 文本加粗 的样式属性是什么？
字体加粗（font—weight）
功能：用于设置字体笔划的粗细。
属性值：正常度 — normal
相对度 — bold, bolder, light, lighter
渐变度 — 100, 200, 300, 400(相当于normal), 500, 600, 700(相当于 bold、 lighter、bolder、
以及数值100－900。
语法为：h1 {font—weight: 属性值}
七、HTML 和 XHTML有什么区别?
1、HTML是—种基本的web网页设计语言，XHTML是—个基于XML的置标语言。
2、最主要的不同：
XHTML元素必须正确的被嵌套，元素必须关闭，标签必须小写，必须有根元素。
3891
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
