meta标签


字符集

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta charset="UTF-8">效果相同;

游览器模式

<!--360浏览器默认内核[webkit极速核|ie-compie兼容内核|ie-standie标准内核]-->
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<!--国内浏览器都支持兼容模式(即 IE 内核)和高速模式(即 webkit 内核), 让浏览器运行高速模式-->
<meta name="renderer" content="webkit">

<!--让IE浏览器运行最新的渲染模式, 防止进入兼容模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
			

百度

<!--禁止百度转码-->
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<!--禁止百度快照-->
<meta name="Baiduspider" content="noarchive">
			

移动优先、跨屏响应

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

minimum-scale=1.0, maximum-scale=1.0 通过缩放比例来禁止缩放

user-scalable=no可以禁用其缩放(zooming)功能.

shrink-to-fit=no IOS9中要想起作用得加上

IOS & Android

<!--是否识别页面中的数字为电话号[yes(默认)|no]-->
<meta content="telephone=no" name="format-detection" />
<!--是否识别页面中的邮箱地址[yes(默认)|no]-->
<meta content="email=no" name="format-detection" />
			

IOS webApp

当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari(ios7.0版本以后,safari上已看不到效果)

<!--删除默认的苹果工具栏和菜单栏[yes|no(默认)]-->
<meta name="apple-mobile-web-app-capable" content="yes">

<!--
	顶端状态条的样式, 值[default(白色,默认)|black(黑色)|black-translucent(灰色半透明)]
	注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方,会覆盖页面20px高度,iphone4为40px
-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
			

其他

<!--关键词,以逗号区分开-->
<meta content="keyword" name="keywords">
<!--描述-->
<meta content="description" name="description">
<!--作者-->
<meta name="author" content="qpfsoft-qiun" />
<!--版权-->
<meta name="Copyright" content="qpfsoft" />
			

link

<link rel="stylesheet" href="qpf.css">
				
<!--dns预先解析-->
<link rel="dns-prefetch" href="//shark.xxx.com">
<!--预加载的图片-->
<link rel="prefetch" href="预加载的图片" />