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蓝色。取值范围是0255。另一种加rgba的写法，则是加上了一个alpha通道，a=alpha。取值范围是01。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)。
颜色:#eee
颜色：#333
-
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浏览器在国内还是很安全的。
参考文章：百度百科
