mate标签

tech2022-07-05  271

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

 

最新回复(0)