純HTML5寫的頁面是靜態(tài)網(wǎng)頁。如果設(shè)計(jì)動(dòng)態(tài)數(shù)據(jù)（網(wǎng)頁），在前端需要配合使用javascript技術(shù)實(shí)現(xiàn)用戶和網(wǎng)頁的交互；在服務(wù)器端，需要配合使用php、asp、jsp等腳本語言編寫數(shù)據(jù)庫查詢，一整套流程方可實(shí)現(xiàn)要求。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

純HTML5寫的頁面是靜態(tài)網(wǎng)頁。

在網(wǎng)站設(shè)計(jì)中，純粹HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。

靜態(tài)網(wǎng)頁是標(biāo)準(zhǔn)的html文件，一般存在于服務(wù)器的文件中，它的擴(kuò)展名有.htm、.html、.shtml、.xml等常見形式為后綴。

當(dāng)然靜態(tài)網(wǎng)頁并不是字面意思所說的靜態(tài)，不會(huì)動(dòng)的意思，靜態(tài)網(wǎng)頁中除開文字，也可以包含圖片、聲音、視頻、flash動(dòng)畫、腳本、控件以及一些java小程序等，所以靜態(tài)網(wǎng)頁也可以出現(xiàn)動(dòng)態(tài)畫面。

靜態(tài)頁面實(shí)際上說的是相對(duì)于相對(duì)于動(dòng)態(tài)網(wǎng)頁而言，它沒有后臺(tái)數(shù)據(jù)庫、不含程序，是不能交互的網(wǎng)頁。你代碼編的是什么它顯示的就是什么、不會(huì)有任何改變。靜態(tài)網(wǎng)頁相對(duì)更新起來比較麻煩，經(jīng)常需要手動(dòng)更新，適用于更新較少的展示型網(wǎng)站或者企業(yè)小站。

靜態(tài)網(wǎng)頁的特點(diǎn)

1、靜態(tài)網(wǎng)頁每個(gè)網(wǎng)頁都有一個(gè)固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”。

2、網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無論是否有用戶訪問，每個(gè)靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說，靜態(tài)網(wǎng)頁是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁都是一個(gè)獨(dú)立的文件。

3、靜態(tài)網(wǎng)頁的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索。

4、靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁制作方式比較困難。

5、靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。

6、頁面瀏覽速度迅速，過程無需連接數(shù)據(jù)庫，開啟頁面速度快于動(dòng)態(tài)頁面。

7、減輕了服務(wù)器的負(fù)擔(dān)，工作量減少，也就降低了數(shù)據(jù)庫的成本。

將靜態(tài)網(wǎng)頁轉(zhuǎn)為動(dòng)態(tài)網(wǎng)頁

如果設(shè)計(jì)動(dòng)態(tài)數(shù)據(jù)（網(wǎng)頁），在前端需要配合使用javascript技術(shù)實(shí)現(xiàn)用戶和網(wǎng)頁的交互；在服務(wù)器端，需要配合使用php、asp、jsp等腳本語言編寫數(shù)據(jù)庫查詢，一整套流程方可實(shí)現(xiàn)要求。

動(dòng)態(tài)網(wǎng)頁的特征

1、動(dòng)態(tài)網(wǎng)頁一般以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量；

2、采用動(dòng)態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實(shí)現(xiàn)