html初识

• 网页的乱码问题
  主要是html的内容与浏览器中的编码不一致导致的。主要问题是出在非英文的语言字符上。要使网页不产生乱码，一定要保证文档在保存和编写的时候的编码格式一致。即，保存的时候，使用的utf-8，那么在网页编写中，要写上<meta chartset=utf-8>

• html颜色的写法
  1.#ff0022：16进制的写法.字母不区分大小写。其中#是代码声明的颜色，ff是代表三原色中的红色，00代码三原色中的绿色，22是代表三原色中的蓝色(如果每个代表颜色的位数中数值一样，那么可用省略法写，即00=0)
  2.rgb（r,g,b）或者rgba（r,g,b,a）:10进制写法，同样的，r代表红色，g绿色，b蓝色。取值范围是0_{255。另一种加rgba的写法，则是加上了一个alpha通道，a=alpha。取值范围是0}1。0是完全透明，1是完全不透明，值越大，越不透明。
  3.rgb(50%,23%,80%)：用rgb的百分比来取值。

红色、 绿色、蓝色、白色、黑色这些常见色可以用red,green,blue,white,black等表示；也可以用16进制，#FF0000， #008000，#0000FF， #FFFFFF，#000000；还可以用rgb(255,0,0),rgb(0,255,0),rgb(0,0,255),rgb(255,255,255),rgb(0,0,0)。透明黑色呢，顾名思义，加个alpaha通道，rgba(0,0,0,0)。

颜色：#ccc title
颜色:#eee title
颜色：#333 title

• doctype html 的作用
  DOCTYPE html，即文档声明，声明此文档是html5的格式，用来告诉浏览器的渲染方式。
  如果不添加此句标签，则浏览器默认会用自己的类型来解析文本，就会出现每个浏览器可能最终渲染出来的样式都不一样。加上了这句话，就是告诉浏览器，用html5的标准来渲染，那么大家最后展现出来的页面就是用统一的标准显示的了。

• 严格模式和混杂模式
  严格模式是指用标准格式来渲染页面，混杂模式则是向下兼容的一种格式。这两种模式要看是否用了doctype的文档申明以及申明的dtd类型来确定。

• meta标签
  <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
  <meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
  META标签共有两个属性，它们分别是Http-equiv属性和Name属性。
  Http-equiv属性语法格式是：<meta http-equiv="参数" content="参数变量值">

参数	用法	说明
Expires（期限）	<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">	可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。注意：必须使用GMT的时间格式。
Pragma（Cache模式）	<meta http-equiv="pragma" content="no-cache">	禁止浏览器从本地计算机的缓存中访问页面内容。 注意：这样设定访问者将无法脱机浏览。
Refresh（刷新）	<meta http-equiv="refresh" content="2；url=http://www.onchina.net">	自动刷新并指向新页面。注意：其中的"2"是指停留2秒钟后自动刷新到URL网址，可以更改，但建议不要改得太大。
Set-cookie（Cookie设定）	<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT；path=/">	如果网页过期，那么存盘的Cookie将被删除。必须使用GMT的时间格式。
Window-target（显示窗口的设定）	<meta http-equiv="window-target" content="_top">	强制页面在当前窗口以独立页面显示。用来防止别人在框架里调用自己的页面。
Content-type（显示字符集的设定）	<meta http-equiv="content-type" content="text/html; charset=gb2312">	设定页面使用的字符集。html5中已经简化了这种写法，可直接写上<meta charset=utf-8>

Name属性语法格式是：'<meta name="参数" content="具体的参数值"> '

参数	用法	说明
Keywords（关键字）	<meta name="keywords" content="science,education,culture,politics,ecnomics relationships,entertaiment,human">	Keywords用来告诉搜索引擎你网页的关键字是什么。
Description（网站内容描述）	<meta name="description" content="This page is about the meaning of science, education,culture.">	Description用来告诉搜索引擎你的网站主要内容。
Robots（机器人向导）	<meta name="robots" content="none">	Robots用来告诉搜索机器人需要索引的页面有哪些。Content的参数有All、None、Index、Noindex、Follow、Nofollow。默认是All。
Author(作者)	<meta name="author" content="zys666,zys666@21cn.com">	标注网页的作者

参考文章：HTML<meta>

• **<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"的作用
  **
  http-equiv="X-UA-compatible"：是IE8的专用标记，是用来指定IE8 浏览器模拟某个特定版本IE浏览器的渲染方式，以此来解决IE浏览器的兼容问题。如果系统安装ie8或以上版本，则使用最高版本ie渲染。
  chorme=1：是指如果支持Google Chrome Frame：GCF，则使用GCF渲染。
  Google Chrome Frame：这段是Google开发的一个Google Chrome Frame「Google Chrome 浏览器内嵌框架 – GCF」。使用GCF可以让用户的IE浏览器外观不变，但用户在浏览网页时实际上使用的是Chrome的内核，并且支持Windows XP及以上系统的IE6/7/8。
  而第一段中提到的代码则是指定该页面使用Chrome内核来做渲染，前提是用户必须已经安装了Google Chrome Frame。
  总结这段代码就是，如果安装了GCF，则使用GCF来渲染页面「”chrome=1″」；如果没有安装GCF，则使用最高版本的IE内核进行渲染「”IE=edge”」，如果没有安装IE8或以上，则忽略此设定。

• 常见的浏览器有哪些，什么内核
  常见主流的浏览器分别有IE,chrome,safari,firefox,opera等
  国内各种双核浏览器主要使用的是Trident和WebKit内核。

浏览器	内核
IE	微软家的老牌浏览器，现已有edge。使用的是Trident内核
chrome	谷歌浏览器 使用的内核是WebKit
safari	苹果系统mac OS IOS等的浏览器，同样使用的是WebKit内核
firefox	火狐浏览器 使用的是自主研发的Gecko内核
opera	欧朋浏览器 曾经使用的内核是Presto,现已改用Google Chrome的Blink内核

Trident：代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
Gecko：Netscape6开始采用的内核，后来的Mozilla FireFox(火狐浏览器) 也采用了该内核，Gecko的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。因为这是个开源内核，因此受到许多人的青睐，Gecko内核的浏览器也很多，这也是Gecko内核虽然年轻但市场占有率能够迅速提高的重要原因。
Presto：Opera12.17及更早版本曾经采用的内核，现已停止开发并废弃，该内核在2003年的Opera7中首次被使用，该款引擎的特点就是渲染速度的优化达到了极致，然而代价是牺牲了网页的兼容性。
Webkit：
它是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎，均是从KDE的KHTML及KJS引擎衍生而来，它们都是自由软件，在GPL条约下授权，同时支持BSD系统的开发。所以Webkit也是自由软件，同时开放源代码。在安全方面不受IE、Firefox的制约，所以Safari浏览器在国内还是很安全的。
参考文章：百度百科