css重置

header, section, footer, aside, nav, main, article, figure {

    display: block; 
}

为HTML添加新的元素
<!DOCTYPE html>
<html>
 
<head>
<title></title>
<script>document.createElement("mhHero")</script>
<style>
myHero{
display:block;
 
padding:50px;
font-size:30px;
}
</style>
</head>
 
<body>
<myHero>新元素</myHero>
</body>
</html>
 

Internet Explorer 浏览器问题

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
 

完美的 Shiv 解决方案

<!DOCTYPE html>
<html>
<head>
  <title>Styling HTML5</title>
  <!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <![endif]-->
</head>
<body>
<h1>我的第一篇文章</h1>