移动端meta标签

设置这些meta标签的主要作用是描述网页,便于搜索引擎抓取;兼容浏览器,适配移动端;开启或者是禁止一些默认的样式和默认的事件等等。

1、

作用:IE = edge告诉IE使用最新的引擎渲染网页,chrome = 1则可以激活Chrome Frame .

X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的,通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。

2、

该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。

3、

作用:telephone=no就禁止了把数字转化为拨号链接!告诉设备不识别邮箱,点击之后不自动发送
email=no禁止作为邮箱地址!

4、

在iOS中有两个meta值,apple-mobile-web-app-capable和apple-mobile-web-app-status-bar-style,这两个会让网页内容以应用程序风格显示,并使状态栏显示默认颜色为黑色。

你可能感兴趣的:(前端)