域鸣明网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

分享常见的手机移动站meta标签

目前很多关键词的移动指数已经超过了pc指数,可见移动端发展神速,但是现在还是有很多网站还处于原生的pc端状态,移动端要么没有,要么很渣。有些连最基本的移动端的mate都没做好。 meta指元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。知道常见的手机移动站mate标签有的有哪些吗?

常见的手机移动站meta标签



强制让文档的宽度与设备的宽度保持1:1,并且文档大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;

width - viewport的宽度 height - viewport的高度    initial-scale - 初始的缩放比例   minimum-scale - 允许用户缩放到的最小比例    maximum-scale - 允许用户缩放到的大比例   user-scalable - 用户是否可以手动缩放;



iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;



iphone的私有标签,它指定的iphone中safari顶端的状态条的样式;

在web app应用下状态条(屏幕顶部条)的颜色;默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。



告诉设备忽略将页面中的数字识别为电话号码

我们再来看看互联网巨头们的移动站都是怎么出来mate标签的:

一、天猫
天猫触屏版













二、淘宝
淘宝网触屏版























三、京东
京东 - 手机版









四、网易
手机网易网









五、百度




本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司!


分享名称:分享常见的手机移动站meta标签
网站地址:http://www.yimabatong.com/view/323673.html
在线咨询
服务热线
服务热线:028-86922220
TOP