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

原創(chuàng)圖片

插曲

在開始主題之前,先來統(tǒng)一幾個(gè)概念。

實(shí)際上,關(guān)于互聯(lián)網(wǎng)(internet,國際標(biāo)準(zhǔn)首字母是小寫)、因特網(wǎng)(Internet,國際標(biāo)準(zhǔn)首字母是大寫)和計(jì)算機(jī)網(wǎng)絡(luò)三者的概念并沒有完整統(tǒng)一的定義,這里給出作者本人通過查閱資料獲悉的參考定義。

廣義互聯(lián)網(wǎng)(internet)

互聯(lián)網(wǎng):凡是能彼此通信的設(shè)備組成的網(wǎng)絡(luò)就叫互聯(lián)網(wǎng)

計(jì)算機(jī)網(wǎng)絡(luò):將地理位置不同的具有獨(dú)立功能的多臺(tái)計(jì)算機(jī)及其外部設(shè)備,通過通信線路連接起來,在網(wǎng)絡(luò)操作系統(tǒng),網(wǎng)絡(luò)管理軟件及網(wǎng)絡(luò)通信協(xié)議的管理和協(xié)調(diào)下,實(shí)現(xiàn)資源共享和信息傳遞的計(jì)算機(jī)系統(tǒng)。簡單來說即連接兩臺(tái)或多臺(tái)計(jì)算機(jī)進(jìn)行通信的系統(tǒng)。

通過二者的定義可以看出,廣義上,我們可以將互聯(lián)網(wǎng)等同于計(jì)算機(jī)網(wǎng)絡(luò)。

可是,通常大家口中說的“互聯(lián)網(wǎng)”更傾向于是指因特網(wǎng)。但因特網(wǎng)并不是全球唯一的互聯(lián)網(wǎng)絡(luò)。例如在歐洲,跨國的互聯(lián)網(wǎng)絡(luò)就有“歐盟網(wǎng)”(Euronet),“歐洲學(xué)術(shù)與研究網(wǎng)”(EARN),“歐洲信息網(wǎng)”(EIN),在美國還有“國際學(xué)術(shù)網(wǎng)”(BITNET),世界范圍的還有“飛多網(wǎng)”(全球性的BBS系統(tǒng))等。

因特網(wǎng)(Internet)

Internet是在美國早期的軍用計(jì)算機(jī)網(wǎng)ARPANET(阿帕網(wǎng))的基礎(chǔ)上經(jīng)過不斷發(fā)展變化而形成的,是網(wǎng)絡(luò)與網(wǎng)絡(luò)之間所串連成的龐大網(wǎng)絡(luò),這些網(wǎng)絡(luò)以一組標(biāo)準(zhǔn)的網(wǎng)絡(luò)TCP/IP協(xié)議族相連,連接全世界幾十億個(gè)設(shè)備,形成邏輯上的單一巨大國際網(wǎng)絡(luò)。它是由從地方到全球范圍內(nèi)幾百萬個(gè)私人的、學(xué)術(shù)界的、企業(yè)的和政府的網(wǎng)絡(luò)所構(gòu)成,通過電子、無線和光纖網(wǎng)絡(luò)技術(shù)等等一系列廣泛的技術(shù)聯(lián)系在一起。這種將計(jì)算機(jī)網(wǎng)絡(luò)互相聯(lián)接在一起的方法可稱作“網(wǎng)絡(luò)互聯(lián)”,在這基礎(chǔ)上發(fā)展出覆蓋全世界的全球性互聯(lián)網(wǎng)絡(luò)稱互聯(lián)網(wǎng),即是互相連接一起的網(wǎng)絡(luò)。

上面冗長的定義可以說明,狹義上,互聯(lián)網(wǎng)就是因特網(wǎng)。

在不引起歧義的情況下,“互聯(lián)網(wǎng)”一詞可以根據(jù)上下文語義理解即可。

因特網(wǎng)提供的服務(wù)有(但不限于):

  • 萬維網(wǎng)(World Wide Web,又稱環(huán)球信息網(wǎng),提供信息發(fā)布、搜索、查詢、娛樂、購物等服務(wù))
  • 電子郵件
  • 點(diǎn)對點(diǎn)網(wǎng)絡(luò)
  • 文件共享
  • IP電話
  • 遠(yuǎn)程登錄Telnet

萬維網(wǎng)(WWW)

萬維網(wǎng)(英語:World Wide Web),亦作“WWW”、“Web”,是一個(gè)由許多互相鏈接的超文本組成的系統(tǒng),通過互聯(lián)網(wǎng)訪問。在這個(gè)系統(tǒng)中,每個(gè)有用的事物,稱為一樣“資源”;并且由一個(gè)全局“統(tǒng)一資源標(biāo)識(shí)符”(URI)標(biāo)識(shí);這些資源通過超文本傳輸協(xié)議(Hypertext Transfer Protocol)傳送給用戶,而后者通過點(diǎn)擊鏈接來獲得資源。

萬維網(wǎng)并不等同互聯(lián)網(wǎng),萬維網(wǎng)只是互聯(lián)網(wǎng)所能提供的服務(wù)其中之一,是靠著互聯(lián)網(wǎng)運(yùn)行的一項(xiàng)服務(wù)。

萬維網(wǎng)的核心部分是由三個(gè)標(biāo)準(zhǔn)構(gòu)成的:

統(tǒng)一資源標(biāo)識(shí)符(URI),這是一個(gè)統(tǒng)一的為資源定位的系統(tǒng)。
超文本傳送協(xié)議(HTTP),它負(fù)責(zé)規(guī)定客戶端和服務(wù)器怎樣互相交流。
超文本標(biāo)記語言(HTML),作用是定義超文本文檔的結(jié)構(gòu)和格式。

正文

言歸正傳,我們通過瀏覽器訪問萬維網(wǎng)中的某個(gè)網(wǎng)站時(shí)會(huì)從服務(wù)器得到一個(gè)超文本標(biāo)記文檔,然后瀏覽器將文檔渲染后展示在顯示器上,這就是我們得到的頁面。頁面中可以包含文本、圖像、聲音、FLASH動(dòng)畫、客戶端腳本(JavaScript)和ActiveX控件及JAVA小程序(Java Applet顯然已經(jīng)退出舞臺(tái))等,有些頁面還可以注冊、登錄以及顯示當(dāng)前用戶的相關(guān)信息。

我經(jīng)常看到頁面中顯示一些廣告,可怕的是,廣告的內(nèi)容正是我前幾天搜索過或購買過的產(chǎn)品。這個(gè)現(xiàn)象似乎來得有點(diǎn)夸張。

瀏覽器從服務(wù)器得到的超文本標(biāo)記文檔的后綴通常分為兩大類:

  • 靜態(tài)頁面:htm、html、shtml、xml;
  • 動(dòng)態(tài)頁面:asp、jsp、php、perl、cgi;

在我們開始區(qū)分靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁之前,先明確一下二者的共同之處。首先,它們的目標(biāo)都是呈現(xiàn)內(nèi)容給用戶;其次,內(nèi)容都是用超文本標(biāo)記語言(HTML)表示的。既然它們有著相同的使命,那為什么會(huì)有所區(qū)別呢?

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

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

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

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

特點(diǎn)

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

優(yōu)點(diǎn)

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

缺點(diǎn)

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

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

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

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

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

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

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

特征

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

好處

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

不足

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

偽靜態(tài)

并非所有后綴為html htm的頁面都是靜態(tài)頁面,動(dòng)態(tài)頁面也可以通過服務(wù)器端的技術(shù)實(shí)現(xiàn)采用靜態(tài)頁面的后綴,常見的是Apache和Nginx的Rewrite技術(shù),也就是通常稱作偽靜態(tài)的頁面,實(shí)際上還是動(dòng)態(tài)頁面,只不過是靜態(tài)化了。

偽靜態(tài)是相對真實(shí)靜態(tài)來講的。通常我們?yōu)榱嗽鰪?qiáng)搜索引擎的友好面。都將文章內(nèi)容生成靜態(tài)頁面。但是有的朋友為了實(shí)時(shí)的顯示一些信息?;蛘哌€想運(yùn)用動(dòng)態(tài)腳本解決一些問題。不能用靜態(tài)的方式來展示網(wǎng)站內(nèi)容。但是這就損失了對搜索引擎的友好面。怎么樣在兩者之間找個(gè)中間方法呢,這就產(chǎn)生了偽靜態(tài)技術(shù)。就是展示出來的是以html一類的靜態(tài)頁面形式,但其實(shí)是用ASP一類的動(dòng)態(tài)腳本來處理的。

偽靜態(tài)與靜態(tài)頁面的區(qū)別

從URL結(jié)構(gòu)以及頁面名稱看,偽靜態(tài)和靜態(tài)頁面是一樣的。偽靜態(tài)的頁面后綴可以是html htm 或者是目錄格式偽靜態(tài)只是改變了URL的表現(xiàn)形式,實(shí)際上還是動(dòng)態(tài)頁面靜態(tài)頁面可以節(jié)省服務(wù)器資源,而偽靜態(tài)嚴(yán)格說是增加服務(wù)器資源消耗的總結(jié),在SEO方面,偽靜態(tài)和靜態(tài)頁面的功能是相同的,但是偽靜態(tài)本質(zhì)上還是動(dòng)態(tài)頁面,所以消耗資源是和動(dòng)態(tài)頁面一樣的,而且因?yàn)镽ewrite服務(wù)器還需要消耗額外的資源。

誤區(qū):會(huì)動(dòng)的就是動(dòng)態(tài)頁面

在HTML格式的頁面上,也可以出現(xiàn)各種動(dòng)態(tài)的效果,如.GIF格式的動(dòng)畫、FLASH、翻滾字母等,這些“動(dòng)態(tài)效果”僅僅是有客戶端呈現(xiàn)的視覺上的動(dòng)態(tài),與動(dòng)態(tài)網(wǎng)頁并不是同一個(gè)概念。

和諧統(tǒng)一

靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁各有特點(diǎn),網(wǎng)站采用動(dòng)態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少,如果網(wǎng)站功能比較簡單,內(nèi)容更新量不是很大,采用純靜態(tài)網(wǎng)頁的方式會(huì)更簡單,反之一般要采用動(dòng)態(tài)網(wǎng)頁技術(shù)來實(shí)現(xiàn)。

靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)的基礎(chǔ),靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁之間也并不矛盾,為了網(wǎng)站適應(yīng)搜索引擎檢索的需要,即使采用動(dòng)態(tài)網(wǎng)站技術(shù),也可以將網(wǎng)頁內(nèi)容轉(zhuǎn)化為靜態(tài)網(wǎng)頁發(fā)布。

動(dòng)態(tài)網(wǎng)站也可以采用靜動(dòng)結(jié)合的原則,適合采用動(dòng)態(tài)網(wǎng)頁的地方用動(dòng)態(tài)網(wǎng)頁,如果必要使用靜態(tài)網(wǎng)頁,則可以考慮用靜態(tài)網(wǎng)頁的方法來實(shí)現(xiàn),在同一個(gè)網(wǎng)站上,動(dòng)態(tài)網(wǎng)頁內(nèi)容和靜態(tài)網(wǎng)頁內(nèi)容同時(shí)存在也是很常見的事情。


閱讀原文 | 作者官網(wǎng) | 公眾號(hào) | Feed | 訂閱 | 發(fā)私信

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,326評論 25 708
  • 秋天是桂花盛開的季節(jié),教室門前的桂花樹已盡香開放,黃黃的小花散發(fā)出誘人的香味,惹得孩子們不時(shí)跑過去摘一朵小花放在鼻...
    熱愛生活CHJ閱讀 753評論 0 1
  • 秋天的云??! 懶散的飄著,是那么無憂無慮那么悠然自得!不時(shí)晴空萬里,不時(shí)星星點(diǎn)點(diǎn),像那嬌貴的小姐,只能品味卻不可得...
    奮發(fā)的小心靈閱讀 521評論 1 2

友情鏈接更多精彩內(nèi)容