闲着无聊打开了编辑器看看之前写的代码，发现了一个之前没怎么关注的东西。

就是头文件里的meta标签及其属性等等。（之前只知道utf-8还有Author）

于是去网上查找了相关资料，在这里简单描述一下：

        name是描述网页的，对应于Content（网页内容）。ame的value值（name=""）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值，如：creationdate(创建日期) 、document ID(文档编号)和level(等级)等。

        name的content指定实际内容。如：如果指定level(等级)为value，则Content可能是beginner(初)、intermediate(中)、advanced(高)。 

1.Keywords(关键字)

        说明：为搜索引擎提供关键字列表（content里的关键字记得要用逗号隔开）

        eg:<meta name="Keywords" content="关键词1,关键词2,关键词3,关键词4,……">

2.Copyright (版权)

        说明：标注声明相关版权

        eg:<meta name="xxx" content="版权归xxx.xxx所有">

3.Robots (机器人向导)

        说明：Robots用来告诉搜索机器人页面需要或者不需要索引。Content的參数有all、none、index、noindex、follow、nofollow，默认是all。

        all：文件将被检索，且页面上的链接能够被查询。

        none：文件将不被检索。且页面上的链接不能够被查询。(和 "noindex, no follow" 起同样作用)

        index：文件将被检索；（让robot/spider登录）

        follow：页面上的链接能够被查询；

        noindex：文件将不被检索，但页面上的链接能够被查询；(不让robot/spider登录)

        nofollow：文件将不被检索，页面上的链接能够被查询。(不让robot/spider顺着此页的连接往下探找) 

        eg:<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow">

4.Renderer（指定默认渲染内核）

        说明：指定双核浏览器默认以哪种方式渲染页面

        eg:<meta name="renderer" content="webkit">  //强制指定webkit内核

5.Viewport（视窗/移动端）

        说明：是用户网页的可视区域，即“视区”。

        eg:<meta name="viewport" content="width=device-width, initial-scale=1.0">

        width：控制 viewport 的大小，可以指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。

        height：和 width 相对应，指定高度。

        initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。

        maximum-scale：允许用户缩放到的最大比例。

        minimum-scale：允许用户缩放到的最小比例。

        user-scalable：用户是否可以手动缩放。

        eg：

        a. 设置屏幕宽度为设备宽度，禁止用户手动调整缩放

         <meta name="viewport" content="width=device-width,user-scalable=no" />

        b. 设置屏幕密度为高频，中频，低频自己主动缩放，禁止用户手动调整缩放)<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>