<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="" >
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>平台</title>
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="icon" type="image/x-icon" href="/static/static_20160810/assets/i/liulanqilogo.png">
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="/static/static_20160810/assets/i/liulanqilogo.png">
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="XXX"/>
  <link rel="apple-touch-icon-precomposed" href="/static/static_20160810/assets/i/liulanqilogo.png">
  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="/static/static_20160810/assets/i/liulanqilogo.png">
  <meta name="msapplication-TileColor" content="#0e90d2">
  <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
  <!--
  <link rel="canonical" href="http://www.example.com/">
  -->
  
</head>

charset:网站编码。

description:描述。

keywords:关键词。

renderer:content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。 
    若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"> 
    若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 
    若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">


viewport:标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。使用 ViewPort <meta>标记还表示文档针对移动设备进行了优化。ViewPort <meta>标记的content值 是由指令及其值组成的以逗号分隔的列表。

http-equiv:X-UA-Compatible:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值:IE=edge:指定浏览器按照最高的标准模式解析页面。

http-equiv:Cache-Control:禁止百度转码

    你建了一栋房子,百度说我给你做个大门,但是大门上要有我的广告
    你不愿意,就建立了一条路叫no-transform 别人去你家走这条路就行了
    后来百度看到了不高兴了,动了手脚把你的这条路堵住了,并告诉你你的房子要改造,这样人家才方便来你家,于是又挖了一条路叫siteapp,路上都是他的广告
    你不高兴了,就用了no-siteapp的铲子给丫断了
    但是时不时的还是被百度放进来些广告
    其实说白了 no-transform百度是不遵守的
    而no-siteapp百度也不一定遵守
    区别就是百度对no-siteapp还要点脸
    而百度对no-transform彻底不要脸

link rel="icon" type="image/x-icon":blob.png 图标设置

apple-mobile-web-app-capable:这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。

link rel="icon" sizes="192x192":带有指定尺寸的图标,目前几乎没有主流浏览器支持 sizes 属性。

apple-mobile-web-app-status-bar-style:作用是控制状态栏显示样式

    status-bar-style:black

    status-bar-style:black-translucent
apple-mobile-web-app-title:添加到主屏时的标题 

link rel="apple-touch-icon-precomposed:可以在iPhone/iPod Touch上将网页"添加至主屏幕"时,去掉icon上那恶心的透明层

msapplication-TileImage:Windows 8 磁贴图标

msapplication-TileColor:Windows 8 磁贴颜色


其他head可以参考:http://fex.baidu.com/blog/2014/10/html-head-tags/