1.html是什么？
超文本标记语言（Hypertext Markup Language，HTML）
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="UTF-8">
<!--<meta http-equiv="refresh" Content="3">-->
<!--<meta http-equiv="refresh" Content="3;Url=http://www.mi.com" >-->
<meta name="keywords" content="汽车,汽车之家,汽车网,汽车报价,汽车图片,新闻,评测,社区,俱乐部"/>
<meta name="description" content="汽车之家为您提供最新汽车报价，汽车图片，汽车价格大全，最精彩的汽车新闻、行情、评测、导购内容，是提供信息最快最全的中国汽车网站。"/> <title>Title</title>
</head> <body>
<a href="http://www.mi.com">let's go</a>
</body> </html>
2.<!DOCTYPE>标签
此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
document.compatMode：
- BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
- CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat
3.<head>内常用标签
3.1<meta>标签
meta介绍
<meta>元素可提供有关页面的元信息（meta-information），针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部，不包含任何内容。
<meta>提供的信息是用户不可见的
meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性
(1)name属性: 主要用于描述网页
1.页面编码
<meta charset="UTF-8"> 2.关键词
<meta name="keywords" content="抽屉新热榜,资讯,公众场合不宜,科技,新闻,节操,搞笑" /> 3.描述
<meta name="description" content="汽车之家为您提供最新汽车报价，汽车图片，汽车价格大全，最精彩的汽车新闻、行情、评测、导购内容，是提供信息最快最全的中国汽车网站。"/>
(2)http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容
4. 刷新和跳转
<meta http-equiv="refresh" Content="3">
<meta http-equiv="refresh" Content="3;Url=http://www.mi.com" >.
5.X-UA-Compatible 兼容IE浏览器
<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE6;" />
3.2 非meta标签
1.标题 <title>oldboy</title>
2.图标 <link rel="icon" href="http://www.jd.com/favicon.ico">
3.css <link rel="stylesheet" href="css.css">
4.script <script src="hello.js"></script>