...
</head>
这样，在页面加载后，Modernizr脚本就可以运行了，它能在数毫秒时间内检测很多新功能，然后创建一个名叫Modernizr的JavaScript对象，检测结果就保存在这个对象中。通过检测这个对象的属性，就可以判断浏览器具体支持什么功能。例如：
<body>
<p>The verdict is ...<span id="result"></span></p>
<script>
Modernizr.on('flash', function( result ) {
if (result) {
document.getElementById("result").innerHTML = "Rejoice! Your brower has flash.";
}
});
</script>
</body>
如果你的浏览器支持flash，网页上将会打印出“Rejoice! Your brower has flash.”。更多Modernizr的功能请参考Modernizr的文档。
HTML文档基本结构
”HTML文档就是对一个文档的描述，都有一个固定的结构，分为许多个部分，每个部分都包含了一个或者多个元素。有些元素用于描述文档的基本信息，有些则描述文档结构，下面就是一个基本的HTML文档的结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Your page title</title>
</head>
<body> </body>
</html>
该HTML文档描述了一个空白页，这些基础成分确定了HTML文档的轮廓以及浏览器的初始环境。
DOCTYPE元素
DOCTYPE元素可以省略，大多数浏览器仍能正确显示文档内容，不过依赖浏览器的这种表现不是好习惯。该元素告诉浏览器两件事情：
1）它处理的是HTML文档；
2）用来标记文档内容的HTML所属的版本，上面的写法就表明所用的是HTML5。
html元素
html元素是根元素，它表明文档中HTML部分的开始。lang属性指定页面内容的默认语言，例如：en表示英语，es表示西班牙语，等。
head元素
head元素包含文档的元数据，向浏览器提供有关文档内容和标记的信息，还可以包含脚本和对外部资源（比如CSS样式表）的引用。
body元素
文档body部分包含访问者可以看到的内容。
在有了这个基本的结构后，我们后面就可以将HTML的其它元素逐步添加进去，不断的丰富文档，最终得到我们希望的页面。
