day14-Html的Head内标签
简述
之前我们学习了html的本质，今天我们就来学习一下html的head头部标签，其实这个head标签的部分就相当于人的大脑，除了title之外，它所有的标签在浏览器中都是看不到，所以我们今天我们就来仔细研究一下这个html的大脑部分，head标签。
标签分类
1.自闭和标签
说明：只有标签开头，没有结尾标签，它自己自动就关闭了。
<meta charset="utf-8">
注意：自闭合标签结尾处/，可加可不加，习惯上一般都加上，区别主动闭合标签。
2.主动闭合标签
说明：有开头标签也有结尾标签，是主动闭合的。
<title>用户管理</title>
head内标签
1.Doctype
定义：声明不是HTML标签，它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
用法：<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。
<!DOCTYPE html>
2.Meta(Metadata infomation)
定义：元素可提供有关页面的元信息(Meta-information)，比如针对搜索引擎和更新频度的描述和关键字。
用法：标签位于文档的头部，不包含任何内容，<meta>标签的属性定义了与文档相关联的名称/值对。
页面编码(告诉浏览器是什么编码)
<meta charset="UTF-8"> #pycharm的写法，一般默认这个就可以了 <meta http-equiv="content-type" content="text/html;charset=utf-8"> #第二种写法
刷新和跳转
<meta http-equiv="Refresh" Content="30"> <meta http-equiv="Refresh" Content="5;Url=http://www.autohome.com.cn" />
解析：将在 5 秒内被刷新并重定向到http://www.autohome.com.cn的地址。
关键字
<meta name="keywords" content="视频，电影，星际，小说">
解析："keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。
描述
<meta name="description" content="汽车之家为您提供最新汽车报价，汽车图片，汽车价格大全，最精彩的汽车新闻、行情、评测、导购内容，是提供信息最快最全的中国汽车网站。" />
解析：描述网站是什么网站
X-UA-Compatible
微软的IE6是通过XP、win2003等操作系统发布出来，作为占统治地位的桌面系统，也使得IE占据了统治地位，许多网站开发的时候，就按照IE6的标准去开发，而IE6自身的标准也是微软公司内部定义的。到了IE7出来的时候，采用了微软公司内部标准以及部分W3C的标准，这个时候许多网站升级到IE7的时候，就比较痛苦，很多代码调整后，才能够正常运行。而到了微软的IE8这个版本，基本上把微软内部自己定义的标准都抛弃了，而全面的支持W3C的标准，由于基于对标准彻底的变化了，使得原先在IE版本上能够访问的网站，在IE8中无法正常的访问，会出现一些排版的错误、文字重叠、显示不全等各种兼容性错误。
与任何早期浏览器版本相比，IE8对行业标准提供了更加紧密的支持。因此，针对旧版本的浏览器设计的站点可能不会按预期显示。为了帮助减轻任何问题，IE8 引入了文档兼容性的概念，从而允许您指定站点所有支持IE的版本。文档兼容性在IE8中添加新的模式，这些模式将告诉浏览器如何解释和呈现网站。如果您的站点在IE8中无法中无法正确的显示，则可以更新改站点以支持最新的WEB的标准(首选方式)，也可以强制IE8按照就版本的浏览器中查看站点方式来显示内容。通过使用meta 元素将X-UA-Compatible 标头添加到网页中，可以实现这一点。
当IE8 遇到未包含X-UA-Compatible 标头的网页时，它将使用指令来确定如何显示网页。如果该指令丢失或未指定基于标准的文档类型，则IE8将以IE5模式（Quicks模式）显示该网页。
<meta http-equiv="X-UA-Compatible" content="IE=8;IE=7;IE=6" />
解析：兼容IE浏览器的不同版本，可以左到右，从新版本到旧版本的写
3.Title
<html> <head> <title>用户管理</title> </head> <body> </body> </html>
解析：title 元素的内容会显示在浏览器的标题栏中。
4.Link
定义：<link>标签定义文档与外部资源的关系。
用法：<link>标签最常见的用途是链接样式表。
<!-- CSS样式--> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" <!--icon--> <link rel="shortcut icon" href="image/favicon.ico"> #在标题前加图标，rel的内容不能改变，就是写这个名字
5.Style
定义：<style>标签用于为HTML文档定义样式信息。
用法：在style中，可以规定在浏览器中如何呈现HTML文档，type属性是必需的，定义style元素的内容。唯一可能的值是"text/css"
<html>
<head>
<style type="text/css"> #定义css样式
h1 {color: red} #标题1颜色为红色
p {color: blue} #段落为蓝色
</style>
</head>
<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
</html>
6.Script
定义：<script>标签用于定义客户端脚本，比如JavaScript。
用法：script元素既可以包含脚本语句，也可以通过src属性指向外部脚本文件。
<script type="text/javascript" src="http://www.baidu.com/tag/js/gpt.js"></script>
