播放记录

常见的手机移动站meta标签

博客建站/维护 2019年08月27日 13:43:08


目前很多关键词的移动指数已经超过了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标签的:


一、天猫

天猫触屏版

二、淘宝

淘宝网触屏版

三、京东

 京东 - 手机版 

四、网易

手机网易网

五、百度


转载:https://www.wusiwei.com/post-1336.html

© 2018 www.qingketang.net 鄂ICP备18027844号-1

武汉快勤科技有限公司 13554402156 武汉市东湖新技术开发区关山二路特一号国际企业中心6幢4层7号

微信登录

扫码关注,全站教程免费播放

发表评论 X

登录成功
开通VIP

订单金额:

支付金额:

支付方式: