純HTML5寫的頁面是靜態網頁。如果設計動態數據（網頁），在前端需要配合使用javascript技術實現用戶和網頁的交互；在服務器端，需要配合使用php、asp、jsp等腳本語言編寫數據庫查詢，一整套流程方可實現要求。

本教程操作環境：windows7系統、HTML5版、Dell G3電腦。

純HTML5寫的頁面是靜態網頁。

在網站設計中，純粹HTML格式的網頁通常被稱為“靜態網頁”，早期的網站一般都是由靜態網頁制作的。

靜態網頁是標準的html文件，一般存在于服務器的文件中，它的擴展名有.htm、.html、.shtml、.xml等常見形式為后綴。

當然靜態網頁并不是字面意思所說的靜態，不會動的意思，靜態網頁中除開文字，也可以包含圖片、聲音、視頻、flash動畫、腳本、控件以及一些java小程序等，所以靜態網頁也可以出現動態畫面。

靜態頁面實際上說的是相對于相對于動態網頁而言，它沒有后臺數據庫、不含程序，是不能交互的網頁。你代碼編的是什么它顯示的就是什么、不會有任何改變。靜態網頁相對更新起來比較麻煩，經常需要手動更新，適用于更新較少的展示型網站或者企業小站。

靜態網頁的特點

1、靜態網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”。

2、網頁內容一經發布到網站服務器上，無論是否有用戶訪問，每個靜態網頁的內容都是保存在網站服務器上的，也就是說，靜態網頁是實實在在保存在服務器上的文件，每個網頁都是一個獨立的文件。

3、靜態網頁的內容相對穩定，因此容易被搜索引擎檢索。

4、靜態網頁沒有數據庫的支持，在網站制作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態網頁制作方式比較困難。

5、靜態網頁的交互性較差，在功能方面有較大的限制。

6、頁面瀏覽速度迅速，過程無需連接數據庫，開啟頁面速度快于動態頁面。

7、減輕了服務器的負擔，工作量減少，也就降低了數據庫的成本。

將靜態網頁轉為動態網頁

如果設計動態數據（網頁），在前端需要配合使用javascript技術實現用戶和網頁的交互；在服務器端，需要配合使用php、asp、jsp等腳本語言編寫數據庫查詢，一整套流程方可實現要求。

動態網頁的特征

1、動態網頁一般以數據庫技術為基礎，可以大大降低網站維護的工作量；

2、采用動態網頁技術的網站可以實現