一、Html5的內容類型
1、內嵌：向文檔中添加其他類型的內容，例如audio、video、canvas和iframe等
2、流：在文檔和應用的body中使用的元素，例如form、h1和small等
3、標題：段落標題，例如h1、h2和hgroup等
4、交互：與用戶交互的內容，例如音頻和視頻控件、button和textarea等
5、元數據：通常出現在頁面的head中，設置頁面其他部分的表現和行爲，例如script、style和title等
6、短語：文本和文本標記元素、例如mark、kbd、sub和sup等
7、片段：用於定義文檔中片段的元素，例如article、aside和title等
二、Html5中新的片段類元素
1、header：標記頭部區域的內容(用於整個頁面或頁面中的一塊區域)
2、footer： 標記腳步區域的內容(用於整個頁面或頁面中的一塊區域)
3、section：web頁面中的一塊區域
4、article： 獨立的文章內容
5、aside： 相關內容或者引文
6、nav： 導航類輔助內容
三、貼一段代碼(沒有css的效果,明天添加CSS效果)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5</title>
</head>
<body>
<header>
<h1>header</h1>
<h2>subtitle<h2>
<h4>Html5 Rocks!</h4>
</header>
<div id="container">
<nav>
<h3>Nav</h3>
<a href="http://www.example.com">Link 1</a>
<a href="http://www.example.com">Link 2</a>
<a href="http://www.example.com">Link 3</a>
</nav>
<section>
<article>
<header>
<h1>Article Header</h1>
</header>
<p>Lorem ipsum dolor HTML5 nunc aut nunquam sit amet,consectetur adipiscing elit.
Vivamus at est eros, Vel fringilla urna.</p>
<p>Per inceptos himenaeos. Quisque feugiat, justo at vehicula pellentesque,
turpis lorem dictum nunc.</p>
<footer>
<h2> Article Footer</h2>
</footer>
</article>
<article>
<header>
<h1>Article Header</h1>
</header>
<p>HTML5:Lorem ipsum dolor nunc aut nunquam sit amet,consectetur adipiscing elit.
Vivamus at est eros, Vel fringilla urna. Pellentesqueodio</p>
<footer>
<h2>Article Footer</h2>
</footer>
<article>
</section>
<aside>
<h3>Aside</h3>
<p>HTML5:Lorem ipsum dolor nunc aut nunquam sit amet,consectetur adipiscing elit.
Vivamus at est eros, Vel fringilla urna. Pellentesqueodio</p>
</aside>
<footer>
<h2>Footer</h2>
<footer>
</div>
</body>
</html>
