本教程版权归小圆和饥人谷所有，转载须说明来源
问答
1. 网页乱码的问题是如何产生的？怎样解决?
- 产生：乱码一般在英文以外的字符才会出现。当我们保存编写的html文件时,编辑器会把我们写入的文字使用编辑器默认的编码方式进行保存。（例如：Sublime编辑器，默认的编码方式是utf-8）而在使用浏览器打开html文件时，它并不知道你的文件使用什么编码方式，于是使用了浏览器默认的解码方式进行解析。（例如：Chrome打开时默认使用 ISO -8859的解码方式）最后导致编码和解码不匹配，产生乱码。
- 解决：在文件保存时要明白编辑器是用哪种编码方式保存的（sublime默认保存方式是utf-8，如果安装了插件也可另存为gbk，其它IDE可以做设置保存格式）。如果你的文件是保存为utf-8格式，那么一定要在html 的
<head>里添加<meta charset="utf-8">,好让浏览器在解析文件的时候识别出来，直接用utf-8格式去解码，其他格式同理。
2. 颜色有几种写法， 红色、 绿色、蓝色、白色、黑色如何表示？ 透明黑色如何表示？#ccc的颜色， #eee的颜色？ #333的颜色？
- 颜色的写法分为三种格式：
- 使用一个关键字
- 使用RGB立体坐标系统（以“#”加十六进制或者 rgb() 和 rgba() 函数表达式的形式）
- 使用HSL圆柱坐标系统（以 hsl() 和 hsla() 函数表达式的形式）
- 红色
red ; #ff0000 ; rgb(255,0,0) ; hsl(0或360, 100%,50%)
- 绿色
green ; #008000 ; rgb(0,255,0) ; hsl(120,100%,50%)
- 蓝色
blue ; #0000ff ; rgb(0,0,255) ; hsl(240,100%,50%)
- 白色
white ; #ffffff ; rgb(255,255,255) ; hsl(0,100%,100%)
- 黑色
black ; #000000 ; rgb(0,0,0) ; hsl(0,100%,0%)
- 透明黑色
rgba(0,0,0,.5)
#ccc
Paste_Image.png
#eee
Paste_Image.png
#333
Paste_Image.png
3. <!doctype html>的作用是什么?
声明文档的解析类型，告知浏览器使用html5规范，避免浏览器的怪异模式。
4. 严格模式和混杂模式指什么？meta有什么作用，常见的值有哪些?
- 严格模式：浏览器以其支持的最高标准呈现页面。
- 混杂模式：页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
<meta>
- 作用：除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。
| 属性 | 值 | 描述 |
|---|---|---|
| content | some_text | 定义与 http-equiv 或 name 属性相关的元信息 |
| http_equiv | content-type expires refresh set-cookie |
把 content 属性关联到 HTTP 头部。 |
| name | author description keywords generator revised others |
把 content 属性关联到一个名称。 |
| scheme | some_text | 定义用于翻译 content 属性值的格式 |
5. <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用,常见的浏览器有哪些，有什么内核?
- 作用：这个属性主要是设置浏览器优先使用什么模式来渲染页面的。IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame.
- 浏览器与内核
- IE浏览器:Trident内核
- Chrome浏览器:Webkit内核
- FireFox浏览器:Gecko内核
- Safari浏览器:Webkit内核
- Opera浏览器:Presto内核
网友评论