任务4-HTML1
**2016/05/04 **
网页乱码的问题是如何产生的？
下面这个流程是我们写入文件到展示文件的简单描述：
我们使用编辑器编写 HTML 文件
保存编写的HTML文件
使用浏览器打开HTML文件
HTML文件在浏览器展示
乱码产生的根源就在与第2步骤和第4步。
在第2步保持文件时会把我们写入的文字使用编辑器默认的编码方式进行保存。如果大家使用的是Sublime编辑器，默认的编码方式是utf-8。当然也可以安装GBK Encoding support插件，在保存文件时可选择保存为GBK
0_1452962183066_屏幕快照 2016-01-17 上午12.35.57.png
在第4步浏览器打开网页时，它并不知道你的这个文件是使用什么编码方式，于是自作主张使用了默认解码方式。如下图所示，文件保存为GBK格式，在Chrome打开时默认使用 ISO -8859的解码方式，导致编码和解码不匹配，产生乱码。
那如何规避这个问题呢？即如何通知浏览器用什么方式解码呢？
首页，在文件保存的时候你自己要清楚是用哪种编码方式保存的（sublime默认保存方式是utf-8，如果安装了插件也可另存为gbk，其它IDE可以做设置保存格式）。如果你的文件是保存为utf-8格式，那么一定要在html 的 <head>里添加<meta charset="utf-8">，这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了，直接用utf-8去解码。 同理，如果你的文件保存为gbk格式，一定在文件里添加<meta charset="gbk">。
记住，
乱码产生的根本原因是你保存的编码格式和浏览器解析时的解码格式不匹配导致的。
乱码一般是英文以外的字符才会出现
颜色有几种写法
0_1462373883266_upload-ce53896a-e269-4e41-b12d-c61e90ae219a
如上图所示
例如在HTML语言规范中定义，可以通过两种方式指定颜色。
⒈ 一种方式是以定义好的颜色名称表示，具体的颜色名称针对不同的浏览器也有所不同。
⒉ 另一种方式通过一个以“#”开头的6位十六进制数值表示一种颜色。6位数字分为3组，每组
doctype html 的作用是什么
> 声明文档类型
严格模式和混杂模式指什么
meta 有什么作用，常见的值有哪些
META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题 <<标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等。
meta标签的属性：
meta标签共有两个属性，它们分别是http-equiv属性和name属性。
1、name 属性 ：
<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；
<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；
<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；
<meta name="Author" contect="姓名">告诉搜索引擎你的站点的制作的作者；
<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
其中的属性说明如下：
设定为all：文件将被检索，且页面上的链接可以被查询；
设定为none：文件将不被检索，且页面上的链接不可以被查询；
设定为index：文件将被检索；
设定为follow：页面上的链接可以被查询；
设定为noindex：文件将不被检索，但页面上的链接可以被查询；
设定为nofollow：文件将被检索，页面上的链接不可以被查询。
2、http-equiv属性 ：
<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
<meta http-equiv="Content-Language" contect="zh-CN">
用以说明主页制作所使用的文字以及语言；
<meta http-equiv="Refresh" contect="n;url=http://yourlink">
定时让网页在指定的时间n内，跳转到页面http://yourlink；
<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">
可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。
需要注意的是必须使用GMT时间格式；
<meta http-equiv="Pragma" contect="no-cache">
是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
<meta http-equiv="Pics-label" contect="">
网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，
而网站的限制级别就是通过meta属性来设置的；
<meta http-equiv="windows-Target" contect="_top">
强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">
<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">
设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。
常见的浏览器有哪些，什么内核
一、常见的浏览器
全球排行榜，IE占第一位，老牌浏览器，不过市场占有率逐步下滑， 第二是Mozilla Firefox，非IE内核的它迅速占有着IE的市场份额，强大无比的扩展插件是它一大特色，这也是我选用它的一个原因。 第三是Google Chrome，包含普通版还有极速版等，窗口较为简洁清爽，实际使用效果还是可以的。 还有像opera还是相当实用的 360，TT，搜狗，遨游，瑞影，hotbrowser，等等
二、浏览器内核
Trident
Trident：IE浏览器使用的内核,该内核程序在1997年的IE4中首次被采用，是微软在Mosaic代码的基础之上修改而来的，并沿用到目前的IE8。Trident实际上是一款开放的内核，其接口内核设计的相当成熟，因此才有许多采用IE内核而非IE的浏览器涌现（如 Maxthon、The World 、TT、GreenBrowser、AvantBrowser等）。此外，为了方便也有很多人直接简称其为IE内核（当然也不排除有部分人是因为不知道内核名称而只好如此说）。
Gecko
Gecko：Netscape6开始采用的内核，后来的Mozilla FireFox也采用了该内核，Gecko的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。因为这是个开源内核，因此受到许多人的青睐，Gecko内核的浏览器也很多，这也是Geckos内核虽然年轻但市场占有率能够迅速提高的重要原因。
Presto
Presto： 目前Opera采用的内核，该内核在2003年的Opera7中首次被使用，该款引擎的特点就是渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核，然而代价是牺牲了网页的兼容性。Webkit
Webkit：
苹果公司自己的内核，也是苹果的Safari浏览器使用的内核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎，均是从KDE的KHTML及KJS引擎衍生而来，它们都是自由软件，在GPL条约下授权，同时支持BSD系统的开发。所以Webkit也是自由软件，同时开放源代码。在安全方面不受IE、Firefox的制约，所以Safari浏览器在国内还是很安全的。
KHTML
KHTML：
KHTML，是HTML网页排版引擎之一，由KDE所开发。
KDE系统自KDE2版起，在档案及网页浏览器使用了KHTML引擎。该引擎以C++编程语言所写，并以LGPL授权，支援大多数网页浏览标准。由于微软的Internet Explorer的占有率相当高，不少以FrontPage制作的网页均包含只有IE才能读取的非标准语法，为了使KHTML引擎可呈现的网页达到最多，部分IE专属的语法也一并支援。
KHTML拥有速度快捷的优点，但对错误语法的容忍度则比Mozilla产品所使用的Gecko引擎小。
多种内核*
傲游浏览器3
傲游浏览器3.0是国内首先尝试使用Webkit与Trident双核心的浏览器。Webkit核心将使你打开网页的速度更快，Trident核心则会带给你更好的兼容性支持。除此之外，傲游3.0目前还包括智能填表、智能地址栏、弹窗过滤、在线收藏等功能。
QQ浏览器6.11**
QQ浏览器6.11是腾讯公司推出的新一代浏览器，使用极速（Webkit）和普通（Trident）双浏览模式，设计了全新的界面交互及程序框架，目的是为用户打造一款快速、稳定、安全、网络化的优质浏览器。
搜狗高速浏览器**
搜狗浏览器，搜狐出品，使用高速（webkit）和兼容（Trident）双浏览模式，保证良好兼容性的同时极大提升网页浏览速度。当采用高速模式访问网页出现问题时，可点击地址栏旁边的内核按钮直接切换内核，使用兼容性更佳的兼容模式正常浏览网页。
原文链接：
