编码方式4

本教程版权归凯旋和饥人谷所有，转载须说明来源

1.网页乱码是如何产生的？**

保存的编码格式和浏览器解析时的解码格式不匹配导致的。
解决方式：
首先在文件保存的时候你自己要清楚是用哪种编码方式保存的（sublime默认保存方式是utf-8，如果安装了插件也可另存为gbk，其它IDE可以做设置保存格式）。文件保存为utf-8格式，在html 的 <head>里添加<meta charset="utf-8">文件保存为gbk格式，在html 的 <head>添加<meta charset="gbk">

2. 颜色有几种写法，红色、绿色、蓝色、白色、黑色如何表示？透明黑色如何表示？#ccc的颜色， #eee的颜色？ #333的颜色？

body { background-color: red; //直接以颜色名指定。}
body { background-color: rgd(80%, 40%, 0%); //按红，绿，蓝百分比数指定。}
body { background-color: rgd(204, 102, 0); //按0~255的红，绿，蓝分量值指定。}
body { background-color: #cc6600; //使用一个十六进制码指定，可简写为#c60。}```

| 颜色 | 英文 | 16进制| RGB|
| :-------------: |:-------------:| :-------------:| :-------------:|
| 红色 | red | #FF0000 | rgb(255,0,0) |
| 绿色| green | #00FF00 |rgb(0,255,0) |
| 蓝色 | blue| #0000FF |rgb(0,0,255) |
| 白色 | white|#FFFFFF |rgb(255,255,255)|
| 黑色 | black|#000000|rgb(0,0,0)|
| 透明黑色 | -|-|rgb(0,0,0,0.6)|

``RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。 RGBA（红，绿，蓝，alpha）。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。}``

1、#ccc:灰色

![gray.png](http://upload-images.jianshu.io/upload_images/145951-04ca6114813e9cde.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

1、2、 #eee:浅灰色


![light grey.png](http://upload-images.jianshu.io/upload_images/145951-107e3157f4a8c82a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

1、2、  #333:深灰色
![drak grey.png](http://upload-images.jianshu.io/upload_images/145951-7b5a95744188582e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

>*3*、<!doctype html>的作用是什么

`DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。`
>*4*、严格模式和混杂模式指什么？

`严格模式是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法，如<br/>。浏览器以其声明的<!doctype html>最高标准呈现页面
混杂模式则是一种向后兼容的解析方法，说的透明点就是可以实现IE5.5以下版本浏览器的渲染模式。`

>*5*、meta有什么作用，常见的值有哪些？

* <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
*  <meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

常见的值
定义针对搜索引擎的关键词：
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
定义对页面的描述：
<meta name="description" content="免费的 web 技术教程。" />
定义页面的最新版本：
<meta name="revised" content="David, 2008/8/8/" />
每 5 秒刷新一次页面：
<meta http-equiv="refresh" content="5" />


| 属性 | 值| 描述|
| :-------------: |:-------------:| :-------------:| 
| charset |character encoding| 定义文档的字符编码。 | 
| 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 属性值的格式。不支持。|

>6. `<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用？`

```"X-UA-Compatible"meta
标签允许网站作者选择想要的版本的IE浏览器渲染页面。
"IE=edge" 表示告知浏览器使用可使用的最高版本的内核渲染页面。
"chrome=1"表示如果IE浏览器有Google Chrome Frame，将用GCF来渲染。```

>7. 常见的浏览器有哪些，什么内核


![饥人谷.png](http://upload-images.jianshu.io/upload_images/145951-34689534a84e13e5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

编码方式4

推荐阅读更多精彩内容