靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別？

時間：2023-10-12 08:48:02 | 來源：網(wǎng)站運營

時間：2023-10-12 08:48:02 來源：網(wǎng)站運營

靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別？：我們通過瀏覽器訪問萬維網(wǎng)中的某個網(wǎng)站時會從服務(wù)器得到一個超文本標(biāo)記文檔，然后瀏覽器將文檔渲染后展示在顯示器上，這就是我們得到的頁面。頁面中可以包含文本、圖像、聲音、FLASH動畫，注冊界面等等。瀏覽器從服務(wù)器得到的超文本標(biāo)記文檔的后綴通常分為兩大類：

• 靜態(tài)頁面：htm、html、shtml、xml；
• 動態(tài)頁面：asp、jsp、php、perl、cgi；

相同點

首先，它們的目標(biāo)都是呈現(xiàn)內(nèi)容給用戶；其次，內(nèi)容都是用超文本標(biāo)記語言（HTML）表示的。既然它們有著相同的使命，那為什么會有所區(qū)別呢？

---

靜態(tài)網(wǎng)頁

靜態(tài)網(wǎng)頁是指存放在服務(wù)器文件系統(tǒng)中實實在在的HTML文件。當(dāng)用戶在瀏覽器中輸入頁面的URL，然后回車，瀏覽器就會將對應(yīng)的html文件下載、渲染并呈現(xiàn)在窗口中。早期的網(wǎng)站通常都是由靜態(tài)頁面制作的。

開發(fā)技術(shù)

通常，使用HTML或XML即可完成靜態(tài)頁面的制作。

特點

• 靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”；（動態(tài)網(wǎng)頁中的“？”對搜索引擎檢索存在一定的問題，搜索引擎一般不可能從一個網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，或者出于技術(shù)方面的考慮，搜索蜘蛛不去抓取網(wǎng)址中“？”后面的內(nèi)容。）
• 網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無論是否有用戶訪問，每個靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說，靜態(tài)網(wǎng)頁是實實在在保存在服務(wù)器上的文件，每個網(wǎng)頁都是一個獨立的文件；
• 靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索；
• 靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時完全依靠靜態(tài)網(wǎng)頁制作方式比較困難；
• 靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。
• 頁面瀏覽速度迅速，過程無需連接數(shù)據(jù)庫，開啟頁面速度快于動態(tài)頁面。
• 減輕了服務(wù)器的負擔(dān)，工作量減少，也就降低了數(shù)據(jù)庫的成本。

優(yōu)點

• 可以公開（即副本可以證明給任何人）。
• 托管沒得任何特殊的要求。（不需要特殊的中間軟件比如超文本預(yù)處理器、公共網(wǎng)關(guān)接口）
• 沒得網(wǎng)絡(luò)服務(wù)器或應(yīng)用服務(wù)器，比如直接從CD-ROM（激光唱片-只讀存儲器）或USB閃存驅(qū)動器讀取內(nèi)容，可以通過網(wǎng)絡(luò)瀏覽器直接訪問。
• 網(wǎng)站更安全，HTML頁面不會受Asp相關(guān)漏洞的影響；而且可以減少攻擊，防SQL注入。數(shù)據(jù)庫出錯時，不影響網(wǎng)站正常訪問。
• 不需要編譯，所以速度快，節(jié)省服務(wù)器資源。
• 網(wǎng)址格式友好，搜索引擎容易識別。

缺點

• 內(nèi)容是固定的，交互性差，內(nèi)容更新維護復(fù)雜。
• 沒有自動化的工具，維護大量的靜態(tài)頁面文件是不現(xiàn)實的。
• 無法充分支持用戶/客戶的需求（外觀選擇，瀏覽器的支持，Cookie）。

動態(tài)網(wǎng)頁

動態(tài)網(wǎng)頁是相對于靜態(tài)網(wǎng)頁而言的。當(dāng)瀏覽器請求服務(wù)器的某個頁面時，服務(wù)器根據(jù)當(dāng)前時間、環(huán)境參數(shù)、數(shù)據(jù)庫操作等動態(tài)的生成HTML頁面，然后在發(fā)送給瀏覽器（后面的處理就跟靜態(tài)網(wǎng)頁一樣了）。很明顯，動態(tài)網(wǎng)頁中的“動態(tài)”是指服務(wù)器端頁面的動態(tài)生成，相反，“靜態(tài)”則指頁面是實實在在的、獨立的文件。

開發(fā)技術(shù)

動態(tài)網(wǎng)頁的生成技術(shù)有多中，常見的有：

• HTML+JavaScript(Node.js)
• HTML+PHP
• HTML+http://ASP.NET(或ASP)
• HTML+JSP
• HTML+CGI(早期的動態(tài)網(wǎng)頁技術(shù))

關(guān)于這幾類技術(shù)細節(jié)，不在本文的描述范圍。

特征

• 動態(tài)網(wǎng)頁一般以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護的工作量；
• 采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄、在線調(diào)查、用戶管理、訂單管理等等；
• 動態(tài)網(wǎng)頁實際上并不是獨立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請求時服務(wù)器才返回一個完整的網(wǎng)頁；
• 動態(tài)網(wǎng)頁地址中的“?”對搜索引擎檢索存在一定的問題，搜索引擎一般不可能從一個網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，或者出于技術(shù)方面的考慮，搜索蜘蛛不去抓取網(wǎng)址中“?”后面的內(nèi)容，因此采用動態(tài)網(wǎng)頁的網(wǎng)站在進行搜索引擎推廣時需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。

好處

• 維護方便，能實現(xiàn)人們需要的各種需求。
• 查詢信息方便，能存儲大量數(shù)據(jù)，需要時能立即查詢。

不足

• 動態(tài)網(wǎng)站用到數(shù)據(jù)庫，所以對數(shù)據(jù)庫的安全和保密性要求較高，要專業(yè)技術(shù)人員提供維護才能保證網(wǎng)站的安全。
• 動態(tài)網(wǎng)站不利于搜索引擎收錄。
• 動態(tài)網(wǎng)站制作成本較高。

偽靜態(tài)

靜態(tài)網(wǎng)頁就是，比如本站網(wǎng)站上放了一個abc.html文件，你想訪問它就直接輸入zhihu. com/abc.html。Web服務(wù)器看到這樣的地址就直接找到這個文件輸出給客戶端。動態(tài)網(wǎng)頁就是，假如你想做一個顯示當(dāng)前時間的頁面，那么就可以寫個PHP文件，然后訪問zhihu. com/abc.php。Web服務(wù)器看到這樣的地址，找到abc.php這個文件，會交給PHP執(zhí)行后返回給客戶端。而動態(tài)網(wǎng)頁往往要輸入?yún)?shù)，所以地址就變成zhihu. com/abc.php?a=1&b=2。搜索引擎比較煩這種帶問號的動態(tài)網(wǎng)頁，因為參數(shù)可以隨便加，而返回內(nèi)容卻不變，例如https://www.baidu.com/?a=1也會指向百度的頁面。于是有了mod_rewrite，它可以重新映射地址。比如當(dāng)前這個頁面的地址http://www.zhihu. com/question/20153311，Web服務(wù)器收到請求后會重新映射為www.zhihu. com/question.php?n=20153311，然后再執(zhí)行那個PHP程序。（以上網(wǎng)址均為假設(shè)）這樣，在內(nèi)部不改變的情況下，對外呈現(xiàn)出來的網(wǎng)址變成了沒有問號的象靜態(tài)網(wǎng)頁的網(wǎng)址一樣。

于是有人給起了個名字叫“偽靜態(tài)”。其實也沒什么偽的，就是沒有問號的靜態(tài)網(wǎng)址，讓搜索引擎舒服點而已。這也是大多數(shù)網(wǎng)址格式，例如本文鏈接：https://zhuanlan.zhihu.com/p/104151537/edit，這里就使用到了偽靜態(tài)。

---

參考：

1. https://www.zhihu.com/question/20153311/answer/14147350

2. https://www.jianshu.com/p/649d2a0ebde5

我的博客：https://kai123wen.github.io/