mate标签

meta标签定义及使用说明

官方解释：

元数据（Metadata）是数据的数据信息。

<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。

META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。

元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。

注：所有主流浏览器都支持 <meta> 标签。

 meta标签里面的属性：

    viewport:移动端设备浏览窗口
	device-width 设备宽度
	initial-scale=1:默认的缩放比例
	minimum-scale=1;最小缩放比例1
	maximum-scale=1;最大缩放比例
	user-scalable=no 用户是否可以缩放

移动端常见meta定义:

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">

 

使用meta标签禁用自动识别电话或邮箱：
    <meta name="format-detection" content="telephone=no, email=no" />

使用meta标签禁止缩放：

    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimun-scale=1.0, maximum-scale=1.0, user-scalable=no">

苹果手机机型问题：

//苹果手机是否显示工具栏
<meta name="apple-mobile-web-app-capable" content="yes"/>
	
//让苹果手机状态栏变黑
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>