8.01日(rì)音(yīn)訊，重回網站(zhàn)老(lλ ε•ǎo)話(huà)題：div+css與表格‌<×布局的(de)差異

　　8.01日(rì)音(yīn)訊，重回網站(zhànβε)老(lǎo)話(huà)題：div+css與表格布局的(de★β)差異。有(yǒu)人(rén)說(shuō)table的(de)‍★£時(shí)代過去(qù)了(le)，可(kě)是(shì)我卻不(bù)這 ≈(zhè)麽認為(wèi)，因為(wèi) ≤∑p和(hé)table這(zhè)是(shì)兩種類型，它們應該是(s♥>©™hì)并存，為(wèi)什(shén)麽這(zhè)樣說(shuō‌£₽)呢(ne)，且聽(tīng)邯鄲網站(zhàn)建設首創網絡小(xiǎo)編一(yī)一(yī)為(♦←§wèi)您道(dào)來(lái)：

　　以前我們使用(yòng)表格布局時(shí)沒遇到(dào)問(wèn​‌↔)題，而是(shì)問(wèn)題在我們看(kàn)不​¶☆δ(bù)到(dào)的(de)情況下(xià)已經給可(k€☆‍ě)視(shì)化(huà)編輯器(qì)解決了(le)，CSS不(bù)會≈™λ>(huì)像以前用(yòng)表格的(d☆≠e)時(shí)候那(nà)樣.隻從(cóng)簡單的(λ★≤de)下(xià)拉幾下(xià)就(jiù)行(xíng±∏©)，CSS面對(duì)的(de)更多(duō)是(shì)‌↕₹手寫代碼.如(rú)果你(nǐ)以前做(zuò)的(de)方式改成手寫的(γ∞✘de)方式完成，你(nǐ)猜多(duō)少(shǎo)人(rén)能(né←♣±ng)很(hěn)好(hǎo)的(de)完成呢<&(ne)?

　　CSS布局不(bù)算(suàn)新技(jì)術(£ shù)。最多(duō)隻能(néng)稱新應用(yòng)，就(jiù)像≠​AJAX一(yī)樣，兩者的(de)核心技(jì)術(s♦©hù)都(dōu)有(yǒu)多(duō)年(nián)的(de)曆ε₹≠σ史，它們隻是(shì)在應用(yòng)流行(xíng)起來(lái≤‌≥<)時(shí)才會(huì)給關注，也(yě)許不(bù)久以λφ÷€後，會(huì)有(yǒu)這(zhè)樣一(yī)種±↕↓可(kě)視(shì)化(huà)編輯器(qì)，可®ε(kě)以用(yòng)“拉&​€‍rdquo;的(de)方式創建己經做(zuò)好(hǎo)兼容的(de)CSφε•"S布局，就(jiù)像我們以前“拉“表格來(‌'lái)布局一(yī)樣，讓我們期待吧(ba)!使用(↓€yòng)CSS布局在提高(gāo)用(yòng)戶體(tǐ)≥↓驗方面也(yě)是(shì)起著(zhe)重要(yào)作(zuò)用✘≥(yòng)的(de)。

　　但(dàn)是(shì)CSS布局會± (huì)遇到(dào)很(hěn)多(duō)的(d↔∞e)浏覽器(qì)兼容的(de)問(wèn)題是(​™λ&shì)，CSS就(jiù)出現(xià₽→®n)了(le)一(yī)個(gè)大(dà)問$≈↔(wèn)題，要(yào)兼容三四個(gè)浏覽器(qì)，調整CSS是α≤γ(shì)很(hěn)困難的(de)，但(dàn)是(sh₹£ì)如(rú)果使用(yòng)table就∏δσ€(jiù)會(huì)很(hěn)好(hǎo)的≥®•(de)處理(lǐ)浏覽器(qì)這(zhè)個(gè)π"兼容的(de)問(wèn)題。當你(nǐ)要(yào)完成普₹÷λ£通(tōng)的(de)垂直居中時(shí)，為(w↕δ₽φèi)了(le)讓某個(gè)浏覽器(qì)兼容，你σλ(nǐ)甚至必須利用(yòng)浏覽器(qì)的(de)bug來(lδ↓ ±ái)完成。

　　表格布局的(de)優缺點Table的(de)布局容易上(✔∞shàng)手，可(kě)以形成複雜(zá)的(de)變化(huà)，簡$‍單快(kuài)速，表現(xiàn)上(shàng)更加&ldq↑♦γ©uo;嚴謹”，在不(bù)同的(de)浏覽器(qì)中都(&φ"dōu)能(néng)得(de)到(dào)很(hěn)好(hǎo)的(de₩≠✘÷)兼容。但(dàn)是(shì)如(rú)果你(nǐ)的(de)網站×≤(zhàn)有(yǒu)布局變化(huà)的(de)需要(Ω©yào)時(shí)，這(zhè)樣tab•☆σ≠le的(de)布局就(jiù)會(huì)重新設計(jì)，≠σ™再加table分(fēn)行(xíng)分(fēn)列什(shén)©α麽的(de)，頁面變化(huà)的(de)比例會(huì)稍大(dà)一(yīδπ)些(xiē)，這(zhè)就(jiù)會(h★ λuì)影(yǐng)響你(nǐ)前期做(zuò)好(hǎo)一(yī)些(xi®✘ē)排名和(hé)搜索基礎了(le)，p就(jiù)不(bù)同了(le)§∞λ★，你(nǐ)可(kě)以把大(dà)部分(fēn)更新的(de)←↔東(dōng)東(dōng)寫在CSS裡(lǐ≥≥≤)，頁面的(de)布局和(hé)改動不(bù)會(huì)太大•$→(dà)，也(yě)就(jiù)對(duì)搜索引擎的(de)影 α¥(yǐng)響不(bù)大(dà)了(le)。

　　CSS布局與表格布局本質區(qū)别

　　1.CSS表現(xiàn)基于結構控制(₹☆γzhì)布局。

　　2.表格屬于結構疊加結構控制(zhì)布局。

　　CSS布局與表格布局的(de)聯系

　　曾經嘗試表格與CSS配合的(de)混合布局，幹淨的(de)表格∑☆ 做(zuò)大(dà)布局.用(yòng)CSS控制(zh¥↑∑ì)外(wài)觀和(hé)表現(xiàn).在兩者中尋找♦₩→平衡點，打造一(yī)個(gè)最優解決方案.然而網站(δ≠​£zhàn)這(zhè)東(dōng)西(xī)并不(bù)是 '$(shì)一(yī)次性的(de)産品，在之後的(de) γ×♥維護發現(xiàn)，有(yǒu)些(xiē)變化(huà)一(yī)定要ε★(yào)修改表格的(de)結構才能(néng)完成。當結構發生(sh'¶ēng)變化(huà)時(shí)，表現(xià∏™n)也(yě)會(huì)受影(yǐng)響，有(yǒu)時(shí)足很∏λ(hěn)大(dà)的(de)彭響，幾乎所有(yǒu)相(xiàng)關的(d©♦✘₹e)CSS都(dōu)要(yào)修改。這( £zhè)樣僅僅是(shì)把以前傳統的(de)做(zuò)法做(zuò)&↕§★了(le)個(gè)大(dà)優化(huà)γ♥→，并不(bù)像純CSS布局那(nà)樣自(zì)由，或者說(sh∏↕$uō)是(shì)不(bù)可(kě)持♠€續發展。

　　表格存在的(de)意義就(jiù)↓γ ↑是(shì)顯示數(shù)據內(nèi)容，隻是(shì≈✘)我們以前對(duì)于它并不(bù)了(le)解，可(kě)±₹§¶視(shì)化(huà)編轉器(qì)造就(jiù)了(le)↕♦₩€一(yī)批優秀的(de)網頁設計(jì)師(shī)也(yě)‍$毀滅了(le)一(yī)批網頁設計(jì)師(shī)。可(∏£kě)視(shì)化(huà)編批器(qì)可(kě)以讓人(rén)在不(✔>bù)了(le)解網站(zhàn)的(de)情況下(xià)制(zhì)£♣作(zuò)網站(zhàn)，就(jiù)像我以前在讀(dú)大(dà)學↔₽時(shí)那(nà)位負責網貞設計(jì)這(>♦zhè)門(mén)課的(de)老(lǎo)師(∞¶shī)一(yī)樣，他(tā)會(huì)用(yòng)​¥Dreamweaver教人(rén)做(zuò)網貞，可(kě)他(tā)連®÷×☆HTML都(dōu)不(bù)知(zhī)道≈§(dào)，我并不(bù)是(shì)說(shuō)以前的(de)書(shū)σ₩籍誤人(rén)，因為(wèi)我們也(yě)是(shì)一(λ←®₽yī)路(lù)轉變過來(lái)的(de)。