元标记在移动平台开发中的应用

本文主要介绍了元标签在移动平台开发中的应用,您需要的朋友可以参考一下。





对于桌面平台的网页布局来说,所有的meta标签都是熟悉的,它总是位于头部元素里面,对做SEO的朋友们有一种特殊的感觉,今天我们就来谈谈移动平台在移动平台上的meta标签,meta标签是什么神奇的效果呢

1,元视口

当谈到移动平台meta标签时,你必须说视口,那么什么是视口
视口是可视区域。对于桌面浏览器视图意味着把所有的工具栏、状态栏、滚动条等。
对于传统的网页,980的iPhone显示的宽度是正常的,是全屏的,但是对于Web应用,可能是一个问题,我们在iPhone WebApp在垂直屏幕通常宽度为320,那么我们320页的iPhone显示效果如何有些人可能认为iPhone的宽度不是320,应该是全屏的,是真的吗让我们看看iPhone下面布局的布局

复制代码代码如下所示:




元视口

主体{
填充:0;
保证金:0;
}
体{
100px垫上;
颜色:# FFF;
}
div {
宽度:320px;
身高:100px;
保证金:0汽车;
背景:# 000;
文本对齐:中心;
字体:30px / 100px Arial;
}




appue





所以我们必须改变视口,我们可以设置以下属性值:

宽度的宽度:视口(范围从200到10000,默认为980像素)
高度的高度:视口(范围从223到10000)
初始比例的初始比例:(范围从0到10)
最小规模:允许用户对最小比例进行缩放。
最大规模:允许用户缩放最大规模
用户是否可伸缩:用户可以手动缩放

对于这些属性,我们可以设置一个或多个属性。它不需要同时设置。iPhone会根据您设置的属性自动计算其他属性值,而不是直接使用默认值。

如果你把初始规模=1,320×356自动垂直屏幕的宽度和高度(不是320×480,因为地址栏等占用的空间),当屏幕自动480×208.similarly,如果你只是设置宽度,你会自动计算初始规模和高度。例如,你设置宽度为320,初始规模为1当屏幕在垂直屏幕,和屏幕变成1.5当屏幕交叉。那么如何这些设置让Safari知道吗事实上,它非常简单,像元一样:


复制代码代码如下所示:



嗯,我们可以让我们的页面全屏布局,不要担心页面显示是非常小的!

2、元格式检测

复制代码代码如下所示:



你清楚地写了一串没有链接风格的数字,而iPhone会自动将你的文本添加到链接样式中,然后点击这个数字自动拨号!你想怎样摆脱这个拨号链接然后,我们应该使马去元,代码如下:

电话=禁止将数字转换为拨号链接!
电话=是打开号码到拨号链接,打开转换功能,这个meta不写,默认情况下是打开的!

3,苹果移动Web应用程序

复制代码代码如下所示:



这种元的作用是删除默认的苹果工具栏和菜单栏。内容有两个值:yes和no当我们需要显示工具栏和菜单栏,行元不说,默认是显示。

4,苹果移动Web应用程序状态栏样式

复制代码代码如下所示:




其功能是控制状态栏显示样式。

复制代码代码如下所示:
状态栏样式:黑色
状态栏样式:黑色半透明