1. 程式人生 > >靜態網頁與動態網頁的理解

靜態網頁與動態網頁的理解

靜態網頁的工作原理

    靜態網頁也稱為普通網頁,是相對網頁而言的。靜態網頁不是指網頁中的元素都是靜止不動的,而是指網頁檔案中沒有程式程式碼,只有HTML(超文字標記語言)標記,一般字尾為.htm、.html、.shtml或.xml等。在靜態網頁中,可以包括GIF動畫,滑鼠經過Flash按鈕時,按鈕可能會發生變化。

靜態網頁一經制成,內容就不會再變化,不管何人何時訪問,顯示的內容都是一樣的。

如果要修改網頁的內容,就必須修改其原始碼,然後重新上傳到伺服器上。

對於靜態網頁,使用者可以直接雙擊開啟,看到的效果與訪問伺服器是相同的,即伺服器參加與否對頁面的內容是不會有影響的。這是因為在使用者訪問該網頁之前,網頁的內容就已經確定,無論使用者何時、以怎樣的方式訪問,網頁的內容都不會再改變。

靜態網頁的工作流程可以分為以下4個步驟。

  1. 編寫一個靜態檔案,並在Web伺服器上釋出;
  2. 使用者在瀏覽器的位址列中輸入該靜態網頁的URL(統一資源定位符)並按回車鍵,瀏覽器傳送請求到Web伺服器;
  3. Web伺服器找到此靜態檔案的位置,並將它轉換為HTML流傳送到使用者的瀏覽器;
  4. 瀏覽器收到HTML流,顯示此網頁的內容;

在步驟2 - 4中,靜態網頁的內容不會發生任何變化。其工作原理圖,如下所示。

image

動態網頁的工作原理

    動態網頁是指在網頁檔案中除了HTML標記以外,還包括一些實現特定功能的程式程式碼,這些程式程式碼使得瀏覽器與伺服器之間可以進行互動,即伺服器端可以根據客戶端的不同請求動態產生網頁內容

。動態網頁的字尾名通常根據所用的程式設計語言的不同而不同,一般為.asp、.aspx、cgi、.php、.perl、.jsp等。動態網頁可以根據不同的時間、不同的瀏覽者顯示不同的資訊。常見的留言板、論壇、聊天室都是用動態網頁實現的。

    動態網頁相對複雜,不能直接雙擊開啟。動態網頁的工作流程分為以下4個步驟。

  1. 編寫動態網頁檔案,其中包括程式程式碼,並在Web伺服器上釋出;
  2. 使用者在瀏覽器的位址列中輸入該動態網頁的URL並按回車鍵(Enter),瀏覽器傳送訪問請求到Web伺服器;
  3. Web伺服器找到此動態網頁的位置,並根據其中的程式程式碼動態建立HTML流傳送到使用者瀏覽器;
  4. 瀏覽器接收到HTML流,顯示此網頁的內容;

從整個工作流可以看出,使用者瀏覽動態網頁時,需要在伺服器上動態執行該網頁檔案,將含有程式程式碼的動態網頁轉化為標準的靜態網頁,最後把靜態網頁傳送給使用者。其工作原理圖,如下所示。

image