西北乱跑娃 -- html header优化信息

这个作为教学笔记，是上课seo专题优化的信息，以下内容涵盖了几乎所有常用的mata标签的作用，也是落地海报等页面需要优化的部分。

<!-- PC站 -->
 <meta name="applicable-device"content="pc">
 <!-- M站 -->
 <meta name="applicable-device"content="mobile">
 <!-- 自适应或代码适配 -->
 <meta name="applicable-device"content="pc,mobile">

 <!--utf-8、gbk、gb2312-->
 <meta charset="UTF-8">
 <title>Title</title>
 <!-- 设置页面缩放比例 -->
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 <!--禁用缓存,也就是说页面访问一次，彻底更新一次，相当于ctrl+f5-->
 <meta http-equiv="Pragma" content="no-cache">
 <meta name="location" content="province=宁夏;city=银川">
 <!--设置页面刷新时间， 以秒为单位-->
 <meta http-equiv="refresh" content="3">
 <meta name="author" content="">
 <meta name="copyright" content="">
 <meta name="keywords" content=""/>
 <meta name="description" content=""/>
 <meta name="generator" content="webstorm">
 <!--告诉搜索引擎多少天采集一次-->
 <meta name="revisit-after" content="7 days" >

 <!--网页一键变灰-->
<style>
html{filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
</style>