声明
主节点
头
如果你的网页里面出现了中文，在头部没有这一句 的话，将会导致中文乱码。因此这是编码格式，告诉给浏览器用什么方式来读这页代码。
content的取值为webkit，ie-comp，ie-stand之一，区分大小写，分别代表用极速模式，兼容模式，IE模式打开。
<meta http-equiv="X-UA-Compatible" content="IE=7">
#以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=8">
#以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
#以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=7,9">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
#以上代码IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame.
这里的chrome=1不是说IE的技术增强了可以模拟Chrome浏览器，而是与谷歌开发的Google Chrome Frame(谷歌内嵌浏览器框架GCF)有关。这个插件可以让用户的IE浏览器外观不变，但用户在浏览网页时实际上使用的是Chrome的内核，并且支持Windows XP及以上系统的IE6/7/8。而上文提到的那个meta标记，则是在是安装了GCF后，用来指定页面使用chrome内核来渲染。
content属性值 :
width:可视区域的宽度，值可为数字或关键词device-width
height:同width
intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放，no 禁止缩放
如第三方站点不希望某页面被转码，可该页面上添加此协议，当用户通过移动搜索进入第三方网站时，会直接进入原网页。
在收藏夹中显示自己的图标
IE地址栏前换成自己的图标
表示IE9版本以下的IE浏览器用jquery-1.11.3版本，IE9以及以上的浏览器将会用jquery-2.1.4版本，其他浏览器会将其作为注释而忽略这些语句，因为他们是IE专门提供的一种语法，如此就能根据不同的IE版本加载对应的CSS或者JS文件了。 <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
<!--[if IE 8]> 仅IE8可识别 <![endif]-->
<!--[if IE 9]> 仅IE9可识别 <![endif]-->
IE9以及IE9以下版本可识别,浏览器会用lib包内的插件(如H-UI框架下的)html5shiv.js,及respond.min,假如IE版本低于9，则引入另外两个脚本，以便在低版本IE上实现HTML5和响应式设计。
在此页面中引入了四个样式表。
第一个样式表，H-ui.min.css，这个样式表是最基本的样式表，由于H-ui是基于Bootstrap框架的，所以这个样式表中也包含了Bootstrap框架常用的栅格系统的样式。
第二个样式表，H-ui.login.css，这个样式表是登录页用到的样式表。
第三个样式表，style.css，这个样式表是空的，用于二次开发时，用户定制H-ui框架的样式。
第四个样式表，iconfont.css，这个样式表引入了H-ui的图标字体功能，它里面定义了一系列图标，每个图标用特殊文字来表示。例如就表示账户的图标。具体可以参看H-ui图标文字的API：http://www.h-ui.net/Hui-3.7-Hui-iconfont.shtml。
JS解决PNG图片在IE6下背景不透明
META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。
name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。
name的value值（name=""）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值，如：creationdate(创建日期) 、
document ID(文档编号)和level(等级)等。
name的content指定实际内容。如：如果指定level(等级)为value(值)，则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。
1、Keywords (关键字)
说明：为搜索引擎提供的关键字列表
用法：<Meta name="Keywords" Content="关键词1,关键词2，关键词3,关键词4,……">
注意：各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如：
<Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
<Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">
2、Description (简介)
说明：Description用来告诉搜索引擎你的网站主要内容。
用法：<Meta name="Description" Content="你网页的简述">
注意：
3、Robots (机器人向导)
说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
用法：<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
注意：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。
all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；(和 "noindex, no follow" 起相同作用)
index：文件将被检索；（让robot/spider登录）
follow：页面上的链接可以被查询；
noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)
4、Author (作者)
说明：标注网页的作者或制作组
用法：<Meta name="Author" Content="张三，abc@sina.com">
注意：Content可以是：你或你的制作组的名字,或Email
5、Copyright (版权)
说明：标注版权
用法：<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">
注意：
6、Generator (编辑器)
说明：编辑器的说明
用法：<Meta name="Generator" Content="PCDATA|FrontPage|">
注意：Content="你所用编辑器"
7、revisit-after (重访)
说明：
用法：<META name="revisit-after" CONTENT="7 days" >
注意：
头结束
结构再次预览一下
9160
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
