20年前，第一次接觸網(wǎng)頁(yè)設(shè)計(jì)，那時(shí)沒(méi)有太多的資源，連隨見即所得的網(wǎng)頁(yè)編輯器都尚缺，做網(wǎng)頁(yè)真的痛苦。熬夜搞了數(shù)個(gè)晚上，有時(shí)連一個(gè)網(wǎng)頁(yè)都還做不出來(lái)。沒(méi)多久 Dreamweaver 與 Golive 問(wèn)世，讓視覺(jué)設(shè)計(jì)人員可以解此開始編輯網(wǎng)頁(yè)，虛擬世界突然變得相當(dāng)美好，前途無(wú)量。
那個(gè)時(shí)候做網(wǎng)頁(yè)版面上的定位，唯一可以依賴的就是表格語(yǔ)法。這語(yǔ)法又臭又長(zhǎng)，但也別無(wú)選擇，用得好的人可是嚇嚇叫呢 — 做常見的就是表格中還有表格。為了解析高手的技術(shù)，我還特別下載 Yahoo 與 Apple 網(wǎng)站的首頁(yè)來(lái)研究呢。沒(méi)多久，表格的問(wèn)題一一浮現(xiàn)，甚至成為阻礙設(shè)計(jì)進(jìn)步的一個(gè)癌細(xì)胞。
表格所帶來(lái)的問(wèn)題 — 應(yīng)該說(shuō)是割膚之痛 — 就是莫名其妙地?fù)未笈c破裂。為了解套，網(wǎng)頁(yè)設(shè)計(jì)師們大量使用圖片來(lái)做定位，雖暫時(shí)跳過(guò)這個(gè)障礙，但也遺留了許多后續(xù)更新不易的問(wèn)題。在國(guó)外，表格被稱為垂死的語(yǔ)法。因?yàn)樗鼘?shí)在有太多的問(wèn)題了。但在臺(tái)灣，表格不但是設(shè)計(jì)公司里的主流技術(shù)，甚至不見其退出舞臺(tái)的跡象。主要的原因是：用表格來(lái)開發(fā)網(wǎng)站實(shí)在太方便了。這個(gè)方便是對(duì)于網(wǎng)頁(yè)設(shè)計(jì)公司而言，但對(duì)于業(yè)主來(lái)說(shuō)，便是痛苦的深淵，因?yàn)闃I(yè)主必須有一個(gè)網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)的人來(lái)負(fù)責(zé)網(wǎng)站的更新，一般人是無(wú)法勝任的。
取代表格的語(yǔ)法，就是全部使用 div 與 CSS。由于 div 的定位有其技術(shù)性，因此大多數(shù)的網(wǎng)頁(yè)設(shè)計(jì)公司很怕用此來(lái)開發(fā)網(wǎng)站。渾身是膽不怕死的，采取折衷的方式，即70%表格語(yǔ)法，30% div 語(yǔ)法。這種混合式的網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)法，只是把簡(jiǎn)單的事情變成更復(fù)雜而已。記得Dreamweaver古早前的版本，將 div 偽裝成 Layer 的樣式，讓網(wǎng)頁(yè)設(shè)計(jì)師隨意移動(dòng) Layer 的方式來(lái)做版面定位。此舉比過(guò)去便利不少，但在跨瀏覽器的相容度上，便又是另一個(gè)死穴。綜所皆知，IE 與 Netscape (火狐的前身) 兩瀏覽器 (那時(shí) Google Chrome 還在孵蛋中) 對(duì)于 margin 與 padding 邊界起始點(diǎn)的定義不相同，雖然 IE 6 那時(shí)是主流，大可不屑他牌瀏覽器，但網(wǎng)頁(yè)設(shè)計(jì)上仍有許多盲點(diǎn)等待克服。
匯整表格語(yǔ)法在網(wǎng)頁(yè)設(shè)計(jì)上的缺點(diǎn)如下：
語(yǔ)法繁瑣累贅，增加html檔案大小，不利搜尋引擊檢所資料
不利于無(wú)障礙網(wǎng)頁(yè)設(shè)計(jì)規(guī)格的執(zhí)行
無(wú)法 100% 跨瀏覽器相容
無(wú)法于手機(jī)上流暢的瀏覽
時(shí)至今日，國(guó)外網(wǎng)站的主體版面編排早已不見表格語(yǔ)法在其中 (但要處理表格時(shí)，表格語(yǔ)法仍是唯一選擇)，取而代之的是 CSS framework 技術(shù)，這個(gè)好東西在臺(tái)灣更少人用了。看來(lái)表格這余孽勢(shì)必繼續(xù)肆虐下去，無(wú)人可擋，而網(wǎng)頁(yè)設(shè)計(jì)公司也將繼續(xù)縱容他們危害人間。
