移动端关于meta的几个常用标签


meta元素可提供有关某个 HTML 元素的元信息 (meta-information),比如描述、针对搜索引擎的关键词以及刷新频率。

用的最多的莫过于 [ charset ] 啦,用于指定整个html文件的字符编码,出现乱码就是这个东东没有设置哦。

<meta charset="utf-8">

常见的标签如下,摘抄自w3c。

属性 描述
content 设置或返回 元素的 content 属性的值。
httpEquiv 把 content 属性连接到一个 HTTP 头部。
name 把 content 属性连接到某个名称。
scheme 设置或返回用于解释 content 属性的值的格式。

在写移动端h5的时候我们经常要对meta进行一些设置,常用的如下:

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

这是对浏览器视口的设置,由于高清屏的使用,屏幕视点的宽高不等于设备的宽高,特别是苹果手机,所以要进行这种设置,这样就可以放心的使用px咧。name里面的一些参数的意义见下表。

width 视口的宽度
height 视口的高度
device-width 设备的宽度
initial-scale 初始的缩放比例
minimum-scale 允许用户缩放到的最小比例
maximum-scale 允许用户缩放到的最大比例
user-scalable 用户是否可以手动缩放
<meta name="apple-mobile-web-app-capable" content="yes" />

content="yes"时,删除默认的苹果工具栏和菜单栏

<meta name=”format-detection” content=”telephone=no” />

content=”telephone=no”时,禁用页面上的数字作为电话号码使用;在禁用模式下,如果要将数字转化为电话号码,可以使用a标签,点击会唤起手机自带的拨号功能。

<a href="tel://"></a>
上一篇:JavaWeb 命名规则


下一篇:Vijos 1100 加分二叉树