meta元数据

开发工具与关键技术:MVC/C#
作者:张文静
撰写时间:2019/4/7
1、,即content的属性值有:
width:可视区域的宽度,值可为数字或关键词device-width
height:可视区域的高度,值可为数字或关键词device-height
intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
maximum-scale用户可以将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可以对页面进行缩放,no 禁止缩放
见截图,如下:
在这里插入图片描述
2、,这个是在早期的演示/预览中使用的,所以在SDK实际发布时它会保持工作状态,但首选版本是有记录的,见截图:
在这里插入图片描述
3、,这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。见截图:
在这里插入图片描述
4、默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。见截图:
在这里插入图片描述
备注: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。
5、 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 见截图:
在这里插入图片描述
6、即当该 HTML 页面在手机上浏览时,该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。如果你不希望手机自动将网页中的电话号码显示为拨号的超链接,那么可以这样写:,见截图:
在这里插入图片描述
7、,即说明:网站开启对web app程序的支持,见截图:
在这里插入图片描述
8、这个link就是设置web app的放置主屏幕上icon文件路径,该路径需要注意的就是放到将网站的文档根目录下但不是服务器的文档的根目录。官方规定启动界面的尺寸必须为 320*640(px),见截图
在这里插入图片描述
9、"添加到主屏幕“后,全屏显示这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。,见截图:
在这里插入图片描述
10、将不识别邮箱告诉设备忽略将页面中的数字识别为电话号码 ,见截图:
在这里插入图片描述
12、,即X-UA-Compatible是IE8的一个专有属性,它告诉IE8采用何种IE版本去渲染网页,在html的标签中使用。为什么要用X-UA-Compatible?IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。 使用下面这段代码后,开发者无需考虑网页是否兼容IE8浏览器。使用下面这段代码使用的是Edge 。模式Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染。见截图:
在这里插入图片描述
12、http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
charset表示编码
expires表示过期时间
set-cookie说明是否存cookie
Refresh表示重定向(也可以当刷新用),见截图:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值