首頁?>?知識?資訊?>?網(wǎng)頁設計新趨勢 — 垂死肆虐的表格語法?>?正文

網(wǎng)頁設計新趨勢 — 垂死肆虐的表格語法

2017/6/6 0:00:00 · 稿源:傳誠信


網(wǎng)頁設計新趨勢 — 垂死肆虐的表格語法

20年前,第一次接觸網(wǎng)頁設計,那時沒有太多的資源,連隨見即所得的網(wǎng)頁編輯器都尚缺,做網(wǎng)頁真的痛苦。熬夜搞了數(shù)個晚上,有時連一個網(wǎng)頁都還做不出來。沒多久 Dreamweaver 與 Golive 問世,讓視覺設計人員可以解此開始編輯網(wǎng)頁,虛擬世界突然變得相當美好,前途無量。

那個時候做網(wǎng)頁版面上的定位,唯一可以依賴的就是表格語法。這語法又臭又長,但也別無選擇,用得好的人可是嚇嚇叫呢 — 做常見的就是表格中還有表格。為了解析高手的技術(shù),我還特別下載 Yahoo 與 Apple 網(wǎng)站的首頁來研究呢。沒多久,表格的問題一一浮現(xiàn),甚至成為阻礙設計進步的一個癌細胞。

表格所帶來的問題 — 應該說是割膚之痛 — 就是莫名其妙地撐大與破裂。為了解套,網(wǎng)頁設計師們大量使用圖片來做定位,雖暫時跳過這個障礙,但也遺留了許多后續(xù)更新不易的問題。在國外,表格被稱為垂死的語法。因為它實在有太多的問題了。但在臺灣,表格不但是設計公司里的主流技術(shù),甚至不見其退出舞臺的跡象。主要的原因是:用表格來開發(fā)網(wǎng)站實在太方便了。這個方便是對于網(wǎng)頁設計公司而言,但對于業(yè)主來說,便是痛苦的深淵,因為業(yè)主必須有一個網(wǎng)頁設計經(jīng)驗的人來負責網(wǎng)站的更新,一般人是無法勝任的。

取代表格的語法,就是全部使用 div 與 CSS。由于 div 的定位有其技術(shù)性,因此大多數(shù)的網(wǎng)頁設計公司很怕用此來開發(fā)網(wǎng)站。渾身是膽不怕死的,采取折衷的方式,即70%表格語法,30% div 語法。這種混合式的網(wǎng)頁設計語法,只是把簡單的事情變成更復雜而已。記得Dreamweaver古早前的版本,將 div 偽裝成 Layer 的樣式,讓網(wǎng)頁設計師隨意移動 Layer 的方式來做版面定位。此舉比過去便利不少,但在跨瀏覽器的相容度上,便又是另一個死穴。綜所皆知,IE 與 Netscape (火狐的前身) 兩瀏覽器 (那時 Google Chrome 還在孵蛋中) 對于 margin 與 padding 邊界起始點的定義不相同,雖然 IE 6 那時是主流,大可不屑他牌瀏覽器,但網(wǎng)頁設計上仍有許多盲點等待克服。

匯整表格語法在網(wǎng)頁設計上的缺點如下:

語法繁瑣累贅,增加html檔案大小,不利搜尋引擊檢所資料
不利于無障礙網(wǎng)頁設計規(guī)格的執(zhí)行
無法 100% 跨瀏覽器相容
無法于手機上流暢的瀏覽

時至今日,國外網(wǎng)站的主體版面編排早已不見表格語法在其中 (但要處理表格時,表格語法仍是唯一選擇),取而代之的是 CSS framework 技術(shù),這個好東西在臺灣更少人用了。看來表格這余孽勢必繼續(xù)肆虐下去,無人可擋,而網(wǎng)頁設計公司也將繼續(xù)縱容他們危害人間。

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354