• 页面关键词(标记不应超过 874 个字符)

    1
    2
    > <meta name="keywords" content="your tags" />
    >

  • 页面描述(标记不应超过150 个字符)

    1
    2
    > <meta name="description" content="150 words" />
    >

  • 页面重定向和刷新

    1
    2
    > <meta http-equiv="refresh" content="0;url=" />
    >

移动设备

  • viewport(能优化移动浏览器的显示。如果不是响应式网站，不要使用initial-scale或者禁用缩放。
    大部分4.7-5寸设备的viewport宽设为360px；5.5寸设备设为400px；iphone6设为375px；ipone6 plus设为414px。)
    1
    2
    3
    > <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
    > width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边
    >

width：宽度（数值 / device-width）（范围从200 到10,000，默认为980 像素）
height：高度（数值 / device-height）（范围从223 到10,000）
initial-scale：初始的缩放比例 （范围从>0 到10）
minimum-scale：允许用户缩放到的最小比例
maximum-scale：允许用户缩放到的最大比例
user-scalable：用户是否可以手动缩 (no,yes)
minimal-ui：可以在页面加载时最小化上下状态栏。（已弃用）

  • 隐藏状态栏/设置状态栏颜色(只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。)

    1
    2
    > <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    >

  • 添加到主屏后的标题

    1
    2
    > <meta name="apple-mobile-web-app-title" content="标题">
    >

  • 忽略数字自动识别为电话号码

    1
    2
    > <meta content="telephone=no" name="format-detection" />
    >

  • 忽略识别邮箱

    1
    2
    > <meta content="email=no" name="format-detection" />
    >

  • 禁止浏览器从本地计算机的缓存中访问页面内容

    1
    2
    > <meta http-equiv="Pragma" content="no-cache">
    >