HTML的发展
1993年6月：HTML第一个版本发布。
1995年11月：HTML2.0
1997年1月：HTML3.2（W3C推荐）
1999年12月：HTML4.01（W3C推荐）
2000年底：XHTML1.0（W3C推荐）
2014年10月：HTML5（W3C推荐）
Doctype
- HTML总共有那么多版本，而且这其中至少有三个版本在广泛使用，那么浏览器怎么知道我们在使用哪个版本呢？
- 为了让浏览器知道我们使用的HTML版本我们还需要在网页的最上边添加一个doctype声明，来告诉浏览器网页的版本。
html4
- 过渡版
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
- 严格版
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
- 框架集
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
xhtml1.0
- 过渡版
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 严格版
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- 框架集
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
html5
- 我们会发现html4.01和xhtml的文档声明十分的麻烦。不过不用担心，以上的内容都不是我们使用的，我们使用的是html5的文档声明，而且非常简单： <!DOCTYPE html>
怪异模式
- 为了兼容一些旧的页面，浏览器中设置了两种解析模式：
– 标准模式（Standards Mode）
– 怪异模式（Quirks Mode）
- 怪异模式解析网页时会产生一些不可预期的行为，所以我们应该避免怪异模式的出现。
- 避免的最好方式就是在页面中编写正确的doctype。
代码demo02.html,记事本写的
<!--
html根标签，一个页面中有且只有一个根标签，网页中的所有内容都应该写在html根标签中
-->
<html>
<!--
head标签，该标签中的内容，不会再网页中直接显示，它用来帮助浏览器解析页面的
-->
<head>
<!--
title网页的标题标签，默认会显示在浏览器的标题栏中
搜索引擎在检索页面时，会首先检索title标签中的内容
它是网页中对于搜索引擎来说最重要的内容，会影响到网页在搜索引擎中的排名
-->
<title>网页的标题</title>
</head>
<!--
body标签用来设置网页的主体内容，网页中所有可见的内容，都应该在body中编写
-->
<body>
<!--
在这个结构中，可以来编写HTML的注释
注释中的内容，不会再页面中显示，但是可以在源码中查看
我们可以通过编写注释来对代码进行描述，从而帮助其他的开发人员工作
功能：
作者：
日期：
-->
<!--
属性：
可以通过属性来设置标签如果处理标签中的内容
可以在开始标签中添加属性
属性需要写在开始标签中，实际上就是一个名值对的结构
属性名=“属性值”，一个标签中可以同时设置多个属性，属性之间需要使用空格隔开
size的最大值为7
font标签不赞成使用，因为颜色，大小，字体算是表现，应在CSS中写。
-->
<h1>这是我的<font color="red" size="2">第二个</font>网页</h1>
</body>
</html>
代码demo03.html,记事本写的
<!--
h5的文档声明，声明当前的网页是按照HTML 5标准编写的
编写网页时一定要将h5的文档声明写在网页的最上边
如果不写文档声明，则会导致有些浏览器会进入一个怪异模式，
进入怪异模式以后，浏览器解析页面会导致会导致页面无法正常显示，所以为了避免进入该模式，一定要写文档声明
-->
<!doctype html>
<html>
<head>
<title>标题</title>
</head>
<body>
<h1>这是一个网页</h1>
</body>
</html>
