meta的几种用途

meta 中的几个属性值

• meta的属性有三个，分别是：name，content，http-equiv
• content里面的charset是声明文档使用的字符编码，解决乱码问题主要用的就是它，值得一提的是，这个charset一定要写第一行，不然就可能会产生乱码了。

// 两种 charset 的写法
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

• content里面的no-siteapp 和 no-transform
  都是百度禁止转码的意思。
  • siteapp:百度的方舟计划，百度移动搜索对缺乏可替代mobile资源的PC页进行格式转码。
  • transform：百度移动的格式转码。

百度转码是为了让网页的速度更快，兼容性更好，出发点是很好的，不过，你会发现百度转码之后我们的网页上不光有可能发生布局、主题上的变化，还会加上百度的广告。
所以我们不希望百度转码的话，可以在这里头部写上这两行来禁止百度转码。

<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

相关推荐：两者的区别

• name里面的viewport
  viewport主要是影响移动端页面布局的

<meta name="viewport" content="width=device-width, initial-scale=1.0">

width viewport 宽度
height viewport 高度
initial-scale 初始缩放比例
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放

• http-equiv里面的Refresh
  重定向用户

meta的作用

meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

可以写文档的描述，文章的作者，版权，文档的关键词等信息。

重定向用户，就是把用户重定向到新的网址。