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 服务。
可以写文档的描述,文章的作者,版权,文档的关键词等信息。
重定向用户,就是把用户重定向到新的网址。
网友评论