網(wǎng)頁設(shè)計(jì)新趨勢 — 什么是 div ?

• 

• 記得第一次接觸 xhtml 與 CSS 時，對于各種 html 標(biāo)簽的縮寫都很有興趣，例如：h1 的 h 原意為何？ul 與 li 是哪個英文單字演變而來…..，這些似乎沒有人去研究過，不過倒也不妨礙程式的學(xué)習(xí)。我最記得友人給我的 div 標(biāo)簽解釋較為有趣。他說：「div 像是一個容器，可以放很多東西進(jìn)去。」這很有禪意的開示，說真的并沒有給我任何啟發(fā)，直到當(dāng)我有機(jī)會教授他人網(wǎng)頁設(shè)計(jì)時，我開始認(rèn)真去構(gòu)思：「如何化繁為簡、深入淺出的方式來向一個初學(xué)者解釋 div？」
  html 語法里的 div 標(biāo)簽，其原單字為：division，與area、zone、region、section 意思相同，就是指定區(qū)域。為何加入一個指定？因?yàn)榕浜?div 一起作用的還有：margin、padding、float 等 CSS 參數(shù)，這些參數(shù)是強(qiáng)化 div 這個 “容器” 的大小、性質(zhì)與用途，說穿了 CSS 就是在定義 div 的外觀。
  我們可以把 div 視為一個獨(dú)立的行政區(qū)，整個中國就是一篇網(wǎng)頁，各縣市是網(wǎng)頁內(nèi)的 div。縣市內(nèi)還可再分各鄉(xiāng)鎮(zhèn)鄰里 div。地理疆界畫分出來后，地景地貌的規(guī)劃，要靠國土發(fā)展計(jì)畫與都市計(jì)畫，這些法律條文就是網(wǎng)頁設(shè)計(jì)上的 CSS。因此我們可以說：
  div 是個區(qū)域范圍，像是網(wǎng)頁頂端 (Head)、中段 (Body)、側(cè)區(qū) (side) 與底端 (footer) 等區(qū)塊
  CSS 是定義區(qū)域內(nèi)的樣貌，如：顏色、效果、大小….
  在區(qū)域內(nèi)活動的人事物，就是我們所謂的網(wǎng)頁內(nèi)容

• 使用 div 設(shè)計(jì)網(wǎng)頁，有諸多優(yōu)點(diǎn)：
  
  網(wǎng)頁版面構(gòu)成樣式 (Style) 與網(wǎng)頁內(nèi)容 (Content) 分開，易于資料維護(hù)與管理
  簡化網(wǎng)頁頁面程式碼，加速瀏覽速度與便于搜尋引擊的檢索
  網(wǎng)頁外觀若要變換樣式 (變臉)，修改CSS即可，網(wǎng)頁內(nèi)容絲毫不受影響
  可以結(jié)合 CSS framework，增快網(wǎng)站后臺開發(fā)時間與便于統(tǒng)一網(wǎng)頁樣式
  可以設(shè)定自由邊界，讓頁面可依照使用者的螢?zāi)淮笮。詣涌s放，此特色可讓網(wǎng)頁相容于攜帶式行動設(shè)備 (智慧型手機(jī)、平版電腦…)
  減少版面構(gòu)成語法上的Bug。傳統(tǒng) Table (表格) 語法，經(jīng)常會自己撐大或是斷裂，往往要費(fèi)時重新調(diào)整，甚至重作，徒增困擾

• 既然 div 的優(yōu)點(diǎn)很多，為何臺灣大多數(shù)的網(wǎng)頁設(shè)計(jì)公司還是不太喜歡使用，反而繼續(xù)使用落伍、垂死、問題最多的表格 (Table) 語法？
  
  表格語法表較容易，無須在費(fèi)時去學(xué)習(xí)陌生的 div 語法，減少麻煩
  表格語法所開發(fā)出來的網(wǎng)站成本較低，在程式端要注意的小地方少
  客戶在網(wǎng)站制作_網(wǎng)頁設(shè)計(jì)公司-【創(chuàng)新互聯(lián)】響應(yīng)式網(wǎng)站設(shè)計(jì)公司">網(wǎng)頁設(shè)計(jì)上的預(yù)算不高，網(wǎng)站建置上的諸多專業(yè)考量就省啦
  會表格語法的網(wǎng)頁設(shè)計(jì)師比較好找，但擅長 div 與 CSS 語法的網(wǎng)頁設(shè)計(jì)師就很少了
  表格語法可以模擬平面設(shè)計(jì)概念的網(wǎng)頁設(shè)計(jì)。但平面設(shè)計(jì)不是網(wǎng)頁設(shè)計(jì)，如果沒有正視這兩者的差異，過度依賴平面設(shè)計(jì)上的美學(xué)觀，反而會造成后續(xù)程式端的問題
  客戶不懂網(wǎng)頁設(shè)計(jì)的眉角與奧義，未來網(wǎng)站的搜尋排序也不是本階段所需注意的
  在網(wǎng)頁設(shè)計(jì)里，魔鬼就存在技術(shù)的細(xì)節(jié)中。如果在網(wǎng)站建置開始就不以技術(shù)為導(dǎo)向，完全以視覺上的美觀為主，可以推測的將來，妖孽群舞，百病叢生，永遠(yuǎn)無法將蟲蟲危機(jī)解除，屆時網(wǎng)站將是一個無法處理的痛。

網(wǎng)站題目：網(wǎng)頁設(shè)計(jì)新趨勢 — 什么是 div ?
URL網(wǎng)址：http://m.kartarina.com/news/79177.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、搜索引擎優(yōu)化、外貿(mào)建站、商城網(wǎng)站、微信公眾號、面包屑導(dǎo)航

廣告

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