html之meta标签

meta 标签功能集合

//视口
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">  
//忽略数字自动识别为电话号码  忽略邮箱
<meta name="format-detection" content="telephone=no,email=no"> 
//开启拨打电话/发短信/发邮件功能:
<a href="tel:123456">立刻拨打电话</a> 
<a href="sms:123456">立刻发短信</a> 
<a href="mailto:123456@qq.com">立刻发送邮件</a> 

//把页面增加到桌面主屏幕
//webapp全屏模式
 <meta name="apple-mobile-web-app-capable" content="yes"> 
//设置状态栏颜色(全屏模式下起效果)
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 
//添加到主屏后的图标
<link href="图片地址" sizes="114x114" rel="apple-touch-icon-precomposed">
//添加到主屏后的标题
<meta name="apple-mobile-web-app-title" content="标题">
//禁止浏览器从本地计算机的缓存中访问页面内容 
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
//指定页面自刷新或跳转到其他页面,单位s
<meta http-equiv="refesh" content="10;url=....">
//set-cookie 设置cookie的过期时间
<meta http-equiv="set-cookie" content="[key]=[value];expires=[过期时间]">
//显示窗口的设定:强制页面在当前窗口以独立页面显示。用来防止别人在框架里调用自己的页面。
<meta http-equiv="window-target">

//声明使用的浏览器及版本 x-ua-compatible
<meta http-equiv="x-ua-compatible" content="IE=7">
//关键字
<meta name="keywords" content="关键字,关键字">
//描述
<meta name="description" content="描述文字">
//网站作者
<meta name="author" content="作者名">
posted @ 2017-08-02 18:11  rainbow8590  阅读(160)  评论(0编辑  收藏  举报