web設(shè)計(jì)師可以使用html4和css2.1完成一些很酷的東西。我們可以在不使用陳舊的基于table布局的基礎(chǔ)上完成文檔邏輯結(jié)構(gòu)并創(chuàng)建 內(nèi)容豐富的網(wǎng)站。我們可以在不使用內(nèi)聯(lián)<font>和<br>標(biāo)簽的基礎(chǔ)上對(duì)網(wǎng)站添加漂亮而細(xì)膩的風(fēng)格樣式。事實(shí)上，我們目前的 設(shè)計(jì)能力已經(jīng)讓我們遠(yuǎn)離了那個(gè)可怕的瀏覽器戰(zhàn)爭(zhēng)時(shí)代、專有協(xié)議和那些充滿閃動(dòng)、滾動(dòng)和閃爍的丑陋網(wǎng)頁。
雖然我們現(xiàn)在已經(jīng)普遍使用了html4和css2.1，但是我們還可以做得更好！我們可以重組我們代碼的結(jié)構(gòu)并能讓我們的頁面代碼更富有語義化特性。 我們可以縮減帶給頁面美麗外觀樣式代碼量并讓他們有更高的可擴(kuò)展性。現(xiàn)在，html5和css3正躍躍欲試的等待大家，下面讓我們來看看他們是否真的能讓 我們的設(shè)計(jì)提升到下一個(gè)高度吧…

跟<div>說再見,歡迎語義化標(biāo)簽

曾經(jīng)，設(shè)計(jì)師們經(jīng)常會(huì)跟頻繁使用基于table的沒有任何語義的布局。不過最終還是要感謝像jeffrey zeldman和eric meyer這樣的思想革新者，聰明的設(shè)計(jì)師們慢慢的接受了相對(duì)更語義化的<div>布局替代了table布局，并且開始調(diào)用外部樣式表。但不 幸的是，復(fù)雜的網(wǎng)頁設(shè)計(jì)需要大量不同的標(biāo)簽結(jié)構(gòu)代碼，我們把它叫做“<div>-soup” 綜合癥。也許你很熟悉下面的代碼: