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"/>