day1 HTML

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>