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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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