head标签中的相关标签，是看不见摸不着的，仅仅是对应用于网页的一些基础信息(元信息)。
打开你擅长的编辑器工具,新建index.html。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
它提供的信息是用户不可见的。
meta标签的组成
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
常用的meta标签属性
http-equiv属性
它用来向浏览器传达一些有用的信息，帮助浏览器正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
在html4.01版本中，我们使用下面配置来规定HTML 文档的字符编码。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
但在html5版本中，我们使用更简化的方式来规定HTML 文档的字符编码。
<meta charset="UTF-8">
什么是字符集
活字印刷术，所有的汉字都有一个个小印章，需要哪个字，就取哪个字。 但是，有两个人都发明了字库。老王发明了一个，老李也发明了一个。 比如同一个汉字，“传”字在老王的字库里面是第2个大盘子第4行第43列的。 而这个汉字“传”在老李的字库里面是第5个大盘子第6行第13列的。
计算机，不能直接存储汉字，而是存储的是编码，所以，计算机记录“传”这个字，就是这么记录的：
老王： 20443 老李 50613 有两个字库UTF-8和gb2312。
UTF-8是国际通用字库，里面涵盖了所有地球上所有人类的语言文字，比如阿拉伯文、汉语、其他……
gb2312 是国标，是中国的字库，里面仅涵盖了汉字和一些常用外文，比如日文片假名，和常见的符号。
字库规模：UTF-8 （字全）> gb2312（只有汉字）
我们用meta标签可以声明当前这个html文档的字库，但是一定要和保存的类型一样，否则乱码！（重点）
当我们不设置的时候，sublime默认类型就是UTF-8。而一旦更改为gb2312的时候，就一定要记得设置一下sublime的保存类型： 文件→ set File Encoding to → Chinese Simplified(GBK)
注意，由于UTF-8里面保存了世界上所有人类语言，所以描述一个汉字需要的码更多。
UTF-8*里面存储一个汉字3个字节。而gb2312**中存储一个汉字2*个字节。
保存大小： UTF-8**（更臃肿、加载更慢） > gb2312** （更小巧，加载更快）
总结：
UTF-8 字多，有各种国家的语言，但是保存尺寸大，文件臃肿；
gb2312字少，只用中文和少数外语和符号，但是尺寸小，文件小巧。
列出2个使用情形：
（1） 你们公司是做日本动漫的，经常出现一些日语动漫的名字，网页要使用UTF-8。如果用gb2312将无法显示日语。
（2） 你们公司就是中文网页，极度的追求网页的显示速度，要使用gb2312。如果使用UTF-8将每个汉字多一个byte，所以5000个汉字，多5kb。
-
qq网、网易、搜狐都是使用gb2312。这些公司，都追求显示速度。
-
新华网藏语频道，使用的是UTF-8，保证字符集的数量。
浏览器就是通过meta来看你是什么字符集的，比如你保存的时候meta写的，和声明的不匹配，那么浏览器就是乱码。
name
主要用于页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
这些关键词，就是告诉搜索引擎，这个网页是干嘛的，能够提高搜索命中率。让别人能够找到你，搜索到。
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
设置Description页面描述，那么百度搜索结果，就能够显示这些语句，这个技术叫做SEO（search engine optimization，搜索引擎优化)。
title标签
主要用来告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出当前网页的主题。
比如我们打开百度。
