萬維網—為所有人而造

陳凱

在觀看倫敦奧運會的開幕式時，很少有觀眾會預先想到這樣的場景：萬維網的發明者蒂姆·伯納斯·李來到現場，他坐在角落里，不聲不響地用鍵盤敲打出“This is for Everyone”一行字，這一幕激起了無數觀眾的共鳴。萬維網——這是為所有人而造，蒂姆在1989年提出萬維網的設想并無私地將他的發明貢獻給世界。這里引用新華社刊發的奧運專電中的話：“正是萬維網，讓原本十分復雜的因特網變得更為豐富多彩，以及簡單易用。如果沒有萬維網，就沒有臉書（Facebook）、推特（Twitter）……”今天，每個上網者在享受沖浪便捷的時候，可能視所有這些便捷為理所當然，而很難有意識地領會到當年蒂姆所作設計的重要意義，筆者打算用兩期的篇幅，借萬維網本身，試著喚回學習者對于萬維網的新鮮感。

內涵與外貌

先來拜訪地球上的第一張網頁，該網頁地址在“http：//info.cern.ch”，且慢，先不要用瀏覽器直接打開該網頁，而是借“在線轉換網（www.online-convert.com）”強大的轉換功能，用不同以往的視角來做一些觀察。

1.假如因特網上的“網頁”只是一個個文本文檔，那么，網絡用戶的體驗會是怎么樣的呢？用瀏覽器進入在線轉換網（www.online-convert.com），找到“Document converter”標簽，選中“Convert to TXT”，在接下來出現的頁面中，找到“Or enter URL of the file you want to convert to TXT”框，填入想要瀏覽的網頁地址“info.cern.ch”，稍等片刻后，就可以下載或直接打開一個文本文件，只要英語好，肯定能讀明白文檔內容，當然也很容易把文檔內容復制下來（如圖1）。當然，大家肯定會想，這個文檔看上去實在太沒有美感，怎么樣才能讓網絡上的資源更賞心悅目呢？

2.想要讓因特網上的文檔變得更漂亮些嗎？仍然利用在線轉換網的轉換功能，只是這次不是將網頁轉成文字，而是轉成圖片。這么一來，所瀏覽到的內容的效果就好多了（如圖2），不過很快就能發現許多不方便的地方。例如，怎么才能復制其中的文字？怎么樣才能夠得到那張蒂姆的照片？如果想把照片往上移一些，或者放大一些，有什么方便的方法呢？

3.經過兩次轉換實驗，大家或許會生出“魚和熊掌不可兼得”的感覺，怎么樣將網絡資源的內容和內容呈現的形式有機地結合起來呢？蒂姆考察了當時已有的超文本系統，決定將超文本的概念用到網絡上，于是開發出超文本標記語言，即HTML（Hyper Text Markup Language），該語言巧妙地將網絡資源的外貌與內涵統一成整體。現在，請大家再用瀏覽器訪問“info.cern.ch”，相比之下，就能體會出蒂姆的用心了。

需要附帶說明的是，雖然全世界的第一張網頁確為“http：//info.cern.ch/default.html”，但20多年時間里，網頁的內容已有很大變化，如果想要欣賞最初的頁面原版，可訪問“http：//www.w3.org/History/19921103-hypertext/hypertext/WWW/News/9201.html”。

美麗的網頁樹

每一張網頁，都是由許多個HTML文檔對象組合而成的，這些對象并不是平行鋪砌在一起，而是層層嵌套，雖然可以將這樣的結構類比為俄羅斯套娃，但與套娃不同的是，大娃娃里可以同時套好幾個小娃娃），所以更好一些的類比可以是一根樹枝上分岔出更多樹枝。

接下來的實驗，是直觀地欣賞不同網頁中的HTML文檔對象的組織結構（而不是瀏覽網頁本身），用瀏覽器訪問“www.aharef.info”網站，在“Webpage Address”文本框中填寫想要考察的網頁的地址，如“http：//info.cern.ch”（注意這里必須寫上“http：//”），接著點擊“OK - Now show me the graph！”，等待片刻，萬維網上的美麗網頁樹便層層舒展開枝條。如圖3中，黑色圓圈是最外層的HTML標記，或者，也可以想象成是所有分支的主干，而每個分支下又能展開新的分支，在圖3中，紫色代表圖片、藍色代表超鏈接……每一種顏色的圓圈都代表不同類型的網頁標簽。更詳細的描述可參考該網站上的說明。