位置:深圳网站建设 > 网站知识 >

手机网站最常用又实用的几个meta声明标签

  手机网站(移动站)最常用又实用的几个meta声明标签

  一:申明编码:

  <meta charset='utf-8' />

  二:<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>

  1. width=device-width 表示默认浏览器的宽度(`width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边)

  2. initial-scale:初始的缩放比例 (范围从>0 到10)

  3. minimum-scale:允许用户缩放到的最小比例

  4. maximum-scale:允许用户缩放到的最大比例

  5.user-scalable:用户是否可以手动缩 (no,yes)

  三:WebApp全屏模式

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

  四:隐藏状态栏/设置状态栏颜色

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

  该标签只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。

  五:添加到主屏后的标题

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

  六:忽略数字自动识别为电话号码、忽略识别邮箱

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

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

  七:网页转码申明:

  <meta http-equiv="Cache-Control" content="no-siteapp" />

  百度打开网页可能会对网网页进行转码,避免转码可添加上面这个meta标签。

主营业务:

名匠网络有多年的网站建设小程序开发SEO优化实战经验,帮助客户打造营销型网站,快速提升网站关键词排名,抢占搜索引擎流量,提高网站转化率,为客户带来更多的订单。

联系方式:
QQ:360764540
微信:jun360764540
  • 最新
  • 推荐
  • 热门