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