------------恢复内容开始------------
<!DOCTYPE html> 定义文档类型
<html> 定义HEML文档
<head> 定义文档的头部
<body> 定义文档主体
head区域
head标签用于定义文档的头部，它是所有头部元素的容器，<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等，绝大多数文档头部包含的数据都不会真正作为内容显示给读者
下面这些标签可用在head部分：<base>，<link>,<meta><script>,<style>以及<title>
base 标签
为页面上的所有链接规定默认地址或目标
通常情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对应URL空白
使用<base>标签可以改变这一点，浏览器随后将不再使用当前文档的URL，而使用指定的基本URL来解析所有的相对URL。这其中包括<a>、<img>、<link>、<form>标签中的URL
title 标签
定义文档的标题，用于在浏览器标签页显示
meta 标签
<meta>可提供有关页面的元信息，比如 针对搜索引擎和更新频度的描述和关键词
<meta>标签位于文档的头部，不包含任何内容。 <meta>标签的属性定义了与文档相关的名称/值对
<meta charset="utf-8"> 指定浏览器编码模式为“”UTF-8“”
<meta name="viewport" content="width=device-width, initial-scale=1.0"> content属性值
可视区域的宽度，值可为数字或关键词device-width，即设备宽度
initial-scale:页面首次被显示是可视区域的缩放级别，取值1.0 则页面按实际尺寸显示，无任何缩放
maximun-scale=1.0，minimun-scake=1.0;可视区域的缩放级别
maximun-scale 用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放，no 禁止缩放
X-UA-Compatible：是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的
content="IE=8"：告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面
content="IE=edge"：告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面
content="IE=edge,chorme=1" ：告诉IE使用最新的引擎渲染页面，chorme=1可以激活Chrome Frame