Skip to content

Instantly share code, notes, and snippets.

@chen00jian
Forked from Jimco/meta.html
Created March 19, 2014 05:39
Show Gist options
  • Select an option

  • Save chen00jian/9636042 to your computer and use it in GitHub Desktop.

Select an option

Save chen00jian/9636042 to your computer and use it in GitHub Desktop.

Revisions

  1. @Jimco Jimco revised this gist Mar 13, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion meta.html
    Original file line number Diff line number Diff line change
    @@ -22,7 +22,7 @@

    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 状态条颜色 -->

    <meta name="format-detection" content="telephone=no" /> <!-- 屏蔽数字识自动别为电话号码 -->
    <meta name="format-detection" content="telephone=no" /> <!-- 屏蔽数字自动识别为电话号码 -->

    <!-- iOS 图标 begin -->
    <!--默认 57x57 像素-->
  2. @Jimco Jimco renamed this gist Mar 13, 2014. 1 changed file with 0 additions and 0 deletions.
    File renamed without changes.
  3. @Jimco Jimco created this gist Mar 13, 2014.
    55 changes: 55 additions & 0 deletions metas.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,55 @@
    <!DOCTYPE html> <!-- HTML5 doctype 不区分大小写 -->
    <html lang="zh-cmn-Hans-CN"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->

    <head>
    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用IE最新版本和 Chrome -->
    <meta name="renderer" content="webkit|ie-comp|ie-stand"> <!-- 360 浏览器内核控制 -->
    <!--
    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">
    -->

    <!-- width=device-width 会导致 iPhone 5 添加到主屏后以 WebAPP 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
    <meta name ="viewport" content ="initial-scale=1.0, maximum-scale=3, minimum-scale=1, user-scalable=no">

    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏时的标题 -->

    <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 是否启用 WebAPP 全屏模式 -->

    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 状态条颜色 -->

    <meta name="format-detection" content="telephone=no" /> <!-- 屏蔽数字识自动别为电话号码 -->

    <!-- iOS 图标 begin -->
    <!--默认 57x57 像素-->
    <link rel="apple-touch-icon-precomposed" href="http://wanke.etao.com/assets/img/icon/57/apple-touch-icon-57x57-precomposed.png" />
    <!--iPad 1 72x72 像素-->
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://wanke.etao.com/assets/img/icon/72/apple-touch-icon-72x72-precomposed.png" />
    <!--iPhone 4 114x114 像素-->
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://wanke.etao.com/assets/img/icon/114/apple-touch-icon-114x114-precomposed.png" />
    <!-- iOS 图标 end -->

    <meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁贴颜色 -->
    <meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁贴图标 -->

    <!-- SEO 优化 -->
    <meta name="description" content="" /> <!-- 页面描述 -->
    <meta name="keywords" content=""/> <!-- 页面关键词 -->
    <title>页面标题</title>

    <!-- iOS 应用启动界面设置 begin -->
    <!-- iPad Landscape – 1024 x 748 -->
    <link rel="apple-touch-startup-image" sizes="1024x748" href="img/splash-screen-1024x748.png" />
    <!-- iPad Portrait – 768 x 1004 -->
    <link rel="apple-touch-startup-image" sizes="768x1004" href="img/splash-screen-768x1004.png" />
    <!-- iPhone/iPod Touch Portrait – 320 x 480 (standard resolution) -->
    <link rel="apple-touch-startup-image" href="img/splash-screen-320x480.png" />
    <!-- iPhone/iPod Touch Portrait – 640 x 960 pixels (high-resolution) -->
    <link rel="apple-touch-startup-image" sizes="640x960" href="img/splash-screen-640x960.png" />
    <!-- iOS 应用启动界面设置 end -->

    </head>