杭州蓝韵网络 | meta标签到底是做什么的？我竟一无所知

浏览网站时按下F12，发现代码中有很多meta标签，各个meta标签都有何作用呢？

meta元素往往不会引起用户的注意，但是meta对整个网页有影响，会对网页能否被搜索引擎检索，和在搜索中的排名起着关键性的作用。

常用meta标签总结

接下来就是常用的meta标签总结啦

1.Charset属性

charset是HTML5中的新属性，用来定义页面的编码格式，解决乱码问题主要用的就是它，值得一提的是，这个charset一定要写第一行，不然就可能会产生乱码了，常见属性如下：

在使用时根据需求，只使用其中一个即可。

charset有两种写法，两个都是等效的：

2.name属性（SEO 优化部分）

name属性可以用来定义网页的关键字、描述、作者以及版权信息等等，当name属性规定好这些信息后，后面还需紧跟 content 属性设置具体的内容，这样才可以生效。

3.viewport

viewport主要是影响移动端页面布局的，在响应式网站中普遍用到，例如：

4.http-equiv属性

所有主流浏览器都支持 http-equiv 属性。它可以设置网页的过期时间，自动刷新等，有以下几个常用属性值：

5.content-type常用属性值

上面我们提到了content-type用来定义文件的类型，在此处为读者附上 content-type 常用文件类型值