1.定义语言 **
格式:
****〈meta http-equiv=〃Content-Type〃 content=〃text/html; charset=gb2312〃〉 ******
这是META最常见的用法,在制作网页时,在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当访客浏览你的网页时,浏览器会自动识别并设置网页中的语言,如果你网页设置的是GB码,而访客没有安装GB码,这时网页只会呈现访客人所设置的浏览器默认语言。同样的,如果该网页是英语,那么charset=en。
2、<
**meta
content
="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
name
="viewport">
**
meta
标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
3、<
meta
content
="yes"
name
****="apple-mobile-web-app-capable">
meta
标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;
4、<
**meta
content
="black"
name
****="apple-mobile-web-app-status-bar-style"> **
是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式;
在web app应用下状态条(屏幕顶部条)的颜色;
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
注意:若值为
“
black-translucent
”
将会占据页面px位置,浮在页面上方(会覆盖页面20px高度
–
iphone4和itouch4的Retina屏幕为40px)。
5、<
**meta
content
="telephone=no"
name
="format-detection">
**
meta
标签表示:告诉设备忽略将页面中的数字识别为电话号码。