常见的meta标签

<meta charset="utf-8">
告诉浏览器编码格式，当页面有中文的时候，写完代码后保存，编辑器会以某种编码方式保存起来，用浏览器打开也会以某种编码方式读取，这就需要我们指定是哪一种编码了，能够让保存与读取的编码方式保持一致，从来能正常的展现页面。假如我们没有这条meta标签，那么就有可能保存的时候是用utf-8的编码，而浏览器读取的时候用其他的编码，从而导致页面产生乱码。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
对于双核浏览器，如果是IE内核，就用最新的标准去渲染，如果是chrome内核，就用chrome标准去渲染。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
当页面需要在移动端展示的时候，就需要这条标签，加了它，移动端展示就能正常合理了。

<meta name="keywords" content="前端 饥人谷">
这条标签，是告诉浏览器我的页面的关键词是“前端 饥人谷”，这对搜索引擎搜索页面非常有帮助。

<meta name="description" content="最有爱的前端学习社区">
这条标签，是对我的页面进行一个描述“最有爱的前端学习社区”，这对搜索引擎搜索页面非常有帮助。