移动端meta整理

作者: 麦子_FE | 来源:发表于2016-09-10 17:32 被阅读41次

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    如果支持Google Chrome Frame:GCF,则使用GCF渲染;
    如果系统安装ie8或以上版本,则使用最高版本ie渲染;
    否则,这个设定可以忽略。

    若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">

    定义关键词:<meta name="keywords" content="">
    keywords不写搜索引擎会根据你页面内容的信息和其他网站给你那个页面链接的锚文本自动给你分配一些关键词。这个建议写上,写了对搜索体验更好!

    <meta name="description" content="">//定义描述
    <meta name="x5-page-mode" content="app">//设置屏幕模式
    <meta name="x5-orientation" content="portrait">//设置屏幕方向
    <meta name="layoutmode" content="standard"> //设置排版
    <meta name="mobile-web-app-capable" content="yes">//删除默认的工具栏和菜单栏
    <meta name="browsermode" content="application">//使用了application这种应用模式后,页面讲默认全屏,禁止长按菜单,禁止收拾,标准排版,以及强制图片显示。
    <meta name="screen-orientation" content="portrait">//强制竖屏
    <meta name="format-detection" content="telephone=no"/>//可将telephone=no,则iphone手机号码不被显示为拨号链接
    <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整理

        本文链接:https://www.haomeiwen.com/subject/pagyettx.html