移动端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整理

    如果支持Google Chrome Frame:GCF,则使用GCF渲染;如果系统安装ie8或以上版本,则使用最高...

  • viewport

    移动端viewport meta 标签

  • 移动端知识概括

    移动端地图 这两个文件是用来做移动端地图 移动端meta标签   meta标签常用于定义页面的说明,关键字,最后修...

  • 移动端 meta

    控制显示区域各种属性: width - viewport的宽度 heig...

  • 移动端meta

    声明文档使用的字符编码: 强制让文档与设备的宽度保持1:1,对页面设置不能进行缩放: 必须联网才可以访问,禁止浏览...

  • 杂项笔记

    移动端如何阻止下拉出现底白 移动端meta表情解决缓存 input框正则输入限制

  • 阿里前端工程师总结HTML5:meta标签。网友:“666”!

    下面就是总结HTML5的标签: 一些常用的移动端的meta属性设置

    一些常用的移动端的meta...

  • 移动端meta设置

    声明文档使用的字符编码 WebApp全屏模式 1.name="viewport" //设置视口(网页可绘制的区...

  • 移动端常用meta

    下面还有一些从知乎copy找到的答案: 作者:陈华链接:https://www.zhihu.com/questio...

  • 移动端meta标签

    天猫 淘宝 京东 网易 百度

网友评论

    本文标题:移动端meta整理

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