網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì) — 垂死肆虐的表格語(yǔ)法

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

那個(gè)時(shí)候做網(wǎng)頁(yè)版面上的定位，唯一可以依賴的就是表格語(yǔ)法。這語(yǔ)法又臭又長(zhǎng)，但也別無(wú)選擇，用得好的人可是嚇嚇叫呢 — 做常見(jiàn)的就是表格中還有表格。為了解析高手的技術(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ù)，甚至不見(jiàn)其退出舞臺(tái)的跡象。主要的原因是：用表格來(lái)開(kā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)開(kā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)站的主體版面編排早已不見(jiàn)表格語(yǔ)法在其中 (但要處理表格時(shí)，表格語(yǔ)法仍是唯一選擇)，取而代之的是 CSS framework 技術(shù)，這個(gè)好東西在臺(tái)灣更少人用了?？磥?lái)表格這余孽勢(shì)必繼續(xù)肆虐下去，無(wú)人可擋，而網(wǎng)頁(yè)設(shè)計(jì)公司也將繼續(xù)縱容他們危害人間。

網(wǎng)頁(yè)題目：網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì) — 垂死肆虐的表格語(yǔ)法
本文來(lái)源：http://www.muchs.cn/news28/79178.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、用戶體驗(yàn)、定制網(wǎng)站、ChatGPT、網(wǎng)站策劃、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)