任务4-HTML1
1.网页乱码的问题是如何产生的？怎么解决？
一：乱码产生的原因是：当我们保存文件时会把我们写入的文字使用编辑器默认的编码方式进行保存，而当浏览器打开网页时，它并不知道你的这个文件是使用什么编码方式，于是自作主张使用了默认解码方式。浏览器的默认解码方式和文件保存时默认选择的编码方式不匹配，就会产生乱码。
二：如何解决乱码问题：在文件保存的时候你自己要清楚是用哪种编码方式保存的，如果你的文件是保存为utf-8格式，那么一定要在html 的 <head>里添加<meta charset="utf-8">，这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了，直接用utf-8去解码。 同理，如果你的文件保存为gbk格式，一定在文件里添加<meta charset="gbk">。
2.颜色有几种写法， 红色、 绿色、蓝色、白色、黑色如何表示？ 透明黑色如何表示？#ccc的颜色， #eee的颜色？ #333的颜色？
| 颜色表示方法 | 写法 | 备注 |
|---|---|---|
| 颜色名 | white;red;blue | 使用色彩的英文单词表示 |
| hex颜色 | #00000;#ffffff | 按照十六进制，每位数取值范围09、af |
| rgb颜色 | rgb(0,0,0);rgb(255,255,255); | 每位数取值范围从0到255 |
| rgba颜色 | rgb(0,0,0,0);rgb(255,255,255,1); | 与上一种方法大体一致，最后一位设置透明度（alpha）取值范围0~1 |
| hsl颜色 | hsl(0,0%,0%);rgb(360,100%,100%); | 第一位代表色调（hue）取值0360，第二位代表饱和度（saturation）取值0%100%，第三位代表亮度（lightness）取值0%~100% |
| hsla颜色 | hsl(0,0%,0%,0);rgb(360,100%,100%,1); | 与上一种方法大体一致，最后一位设置透明度取值范围0~1 |
一：颜色的写法有以下几种：
| 颜色表示方法 | 写法 | 备注 |
|---|---|---|
| 颜色名 | white;red;blue | 使用色彩的英文单词表示 |
| hex颜色 | #00000;#ffffff | 按照十六进制，每位数取值范围09、af |
| rgb颜色 | rgb(0,0,0);rgb(255,255,255); | 每位数取值范围从0到255 |
| rgba颜色 | rgb(0,0,0,0);rgb(255,255,255,1); | 与上一种方法大体一致，最后一位设置透明度（alpha）取值范围0~1 |
| hsl颜色 | hsl(0,0%,0%);rgb(360,100%,100%); | 第一位代表色调（hue）取值0360，第二位代表饱和度（saturation）取值0%100%，第三位代表亮度（lightness）取值0%~100% |
| hsla颜色 | hsl(0,0%,0%,0);rgb(360,100%,100%,1); | 与上一种方法大体一致，最后一位设置透明度取值范围0~1 |
| 颜色表示方法 | 红 | 绿 | 蓝 | 白 | 黑 |
|---|---|---|---|---|---|
| 颜色名法 | red; | green; | blue; | white; | black; |
| hex颜色法 | #f00 | #0f0 | #00f | #fff | #000 |
| rgb颜色法 | rgb(255,0,0); | rgb(0,255,0); | rgb(0,0,255); | rgb(255,255,255); | rgb(0,0,0); |
| rgba颜色法 | rgba(255,0,0,1); | rgba(0,255,0,1); | rgba(0,0,255,1); | rgba(255,255,255,1); | rgba(0,0,0,1); |
| hsl颜色法 | hsl(0,100%,50%); | hsl(120,100%,50%); | hsl(240,100%,50%); | hsl(0,100%,100%); | hsl(0,100%,0%); |
| hsla颜色法 | hsla(360,100%,50%,1); | hsla(120,100%,50%,1); | hsla(240,100%,50%); | hsla(0,100%,100%,1); | hsla(0,100%,0%,1); |
二：按照上面列举的6种方法表示红色、 绿色、蓝色、白色、黑色
| 颜色表示方法 | 红 | 绿 | 蓝 | 白 | 黑 |
|---|---|---|---|---|---|
| 颜色名法 | red; | green; | blue; | white; | black; |
| hex颜色法 | #f00 | #0f0 | #00f | #fff | #000 |
| rgb颜色法 | rgb(255,0,0); | rgb(0,255,0); | rgb(0,0,255); | rgb(255,255,255); | rgb(0,0,0); |
| rgba颜色法 | rgba(255,0,0,1); | rgba(0,255,0,1); | rgba(0,0,255,1); | rgba(255,255,255,1); | rgba(0,0,0,1); |
| hsl颜色法 | hsl(0,100%,50%); | hsl(120,100%,50%); | hsl(240,100%,50%); | hsl(0,100%,100%); | hsl(0,100%,0%); |
| hsla颜色法 | hsla(360,100%,50%,1); | hsla(120,100%,50%,1); | hsla(240,100%,50%); | hsla(0,100%,100%,1); | hsla(0,100%,0%,1); |
三：透明黑色如何表示？
透明黑色：rgba(0,0,0,0)
四：ccc、#eee、#333 为三种不同程度的灰色。
3.<!doctype html> 的作用是什么?
文档声明。告知浏览器该文档是使用html规范，要用Html的方式解析页面。
4.严格模式和混杂模式指什么？
一：Doctype可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
二：当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式
①在标准模式中，浏览器以其支持的最高标准呈现页面，；
②在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
三：模式触发
浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML、HTML 4.01文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。html5既然没有DTD，也就没有严格模式与宽松模式的区别，html5有相对宽松的语法，实现时，已经尽可能大的实现了向后兼容。
5.meta有什么作用，常见的值有哪些？
一：meta常用于定义页面的说明，关键字，最后修改日期，和其它的元数据。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务。
二：meta标签共有两个属性：http-equiv和name;不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
①name属性
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。meta标签的name属性语法格式是：
＜meta name=”参数” content=”具体的参数值”＞。其中--- name属性主要有以下几种参数:
1)Keywords(关键字)
说明：keywords用来告诉搜索引擎你网页的关键字是什么。
2)description(网站内容描述)
说明：description用来告诉搜索引擎你的网站主要内容。
3)author(作者)
说明：标注网页的作者
②http-equid属性
http-equiv顾名思义，相当于http协议中文件头的作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。meta标签的http-equid属性语法格式是：＜meta http-equiv=”参数” content=”参数变量值”＞ ；其中http-equiv属性主要有以下几种参数：
1)content-Type(显示字符集的设定)
说明：设定页面使用的字符集。
2)Expires(期限)
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。
3)Pragma(cache模式)
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
4)Refresh(刷新)
说明：自动刷新并指向新页面。
5)Set-Cookie(cookie设定)
说明：设置cookie, 如果网页过期，那么存盘的cookie将被删除。
6)Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
6.<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用?
对于X-UA-compatible是IE8版本新增的属性值，IE8之前的版本不识别，用于让IE8按指定的方式渲染页面。
content="IE=edge,chrome=1"是指IE按照最新的标准渲染页面，激活Chrome Frame。
7.常见的浏览器有哪些，什么内核？
①Internet Explorer浏览器
内核为Trident
②Chrome 浏览器
内核为WebKit
③Firefox火狐浏览器
内核为Gecko
④Safari浏览器
内核为WebKit
⑤Opera浏览器
内核为Presto
⑥Conqueror
内核为KHTML
