HTML meta标签与属性的全面整理与总结





	


<title></title>





<!-- 指定页面中所有标签都是在本页打开 -->

<!--告知浏览器用 webkit内核,IE兼容内核,IE标准内核 的顺序加载网页-->

<!--IE兼容模式-->

<!--移动页面自适应手机屏幕宽度-->
<!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边  -->

<!--
	大部分4.7-5寸设备的viewport宽设为360px;5.5寸设备设为400px;iphone6设为375px;ipone6 plus设为414px。
	width:宽度(数值 / device-width)(范围从200 到10,000,默认为980 像素)
	height:高度(数值 / device-height)(范围从223 到10,000)
	initial-scale:初始的缩放比例 (范围从>-->0 到10)
	minimum-scale:允许用户缩放到的最小比例
	maximum-scale:允许用户缩放到的最大比例
	user-scalable:用户是否可以手动缩 (no,yes)
	minimal-ui:可以在页面加载时最小化上下状态栏。(已弃用)
-->
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->

<!-- 微软的老式浏览器 -->

<!-- uc强制竖屏 -->

<!-- QQ强制竖屏 -->

<!-- UC强制全屏 -->

<!-- QQ强制全屏 -->

<!-- UC应用模式 -->

<!-- QQ应用模式 -->

<!-- windows phone 点击无高光 -->

<!--禁止百度转码-->



<!-- 禁止自动识别电话号码和邮箱 -->

<!-- 是否显示图片工具栏,当为false代表不显示,当为true代表显示 -->

<!-- 强制页面在当前窗口以独立页面显示,防止别人在框架里调用自己的页面 -->

<!-- 设定网页的到期时间。一旦网页过期,必须到服务器上重新传输  必须使用GMT的时间格式 -->

<!-- 如果网页过期,那么存盘的cookie将被删除 -->

<!-- 禁止浏览器从本地计算机的缓存中访问页面内容:这样设定,访问者将无法脱机浏览。 -->

<!--搜索引擎索引方式 屏蔽搜索蜘蛛,但貌似对百度老流氓不管用,建议用 robots.txt-->
<!--
	all:文件将被检索,且页面上的链接可以被查询;
	none:文件将不被检索,且页面上的链接不可以被查询;
	index:文件将被检索;
	follow:页面上的链接可以被查询;
	noindex:文件将不被检索;
	nofollow:页面上的链接不可以被查询。
-->

<!-- 页面重定向和刷新 -->
<!--
	content内的数字代表时间(秒),既多少时间后刷新。
	如果加url,则会重定向到指定网页(搜索引擎能够自动检测,也很容易被引擎视作误导而受到惩罚)。
-->

<!--分享到QQ聊天窗口  图片尺寸 120x120,也可是 106x120-->

<!-- 添加到主屏(手机桌面)后的标题 -->

<!-- WebApp全屏模式   隐藏地址栏 -->

<!-- 只有开启 WebApp全屏模式 时有效 -->
<!-- 制定iphone中safari顶端的状态条的样式(default:白色,black:黑色,black-translucent:半透明) -->

<!-- 添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner -->

<!--
	windows 8
-->
<!-- Windows 8 磁贴颜色 -->

<!-- Windows 8 磁贴图标 -->

	





<< HTML5 的 video 标签支持哪些格式的音频视频文件? HTML meta标签实现页面跳转 >>