現(xiàn)在互聯(lián)網(wǎng)發(fā)展迅猛，幾乎每個(gè)企業(yè)都有了自己的企業(yè)網(wǎng)站。企業(yè)的網(wǎng)址幾乎和企業(yè)熱線電話一樣，成了企業(yè)必備的展示信息。網(wǎng)站的頁(yè)面設(shè)計(jì)業(yè)體現(xiàn)了企業(yè)的形象，網(wǎng)站內(nèi)容表達(dá)了企業(yè)的內(nèi)涵，介紹和產(chǎn)品。大家看到的都是網(wǎng)站的界面啊，設(shè)計(jì)啊，內(nèi)容啊，但是幾乎很少有人想過(guò)注意過(guò)，網(wǎng)站的這個(gè)樣子是怎么做出來(lái)的？
實(shí)際上，網(wǎng)站界面不同于咱們看到的紙質(zhì)宣傳畫(huà)，網(wǎng)站內(nèi)容更不同于咱們平時(shí)編輯的word文檔。網(wǎng)站的樣子是基于超文本標(biāo)記語(yǔ)言html進(jìn)行編寫(xiě)的。所有瀏覽器都是遵循過(guò)國(guó)際上通行的w3c標(biāo)準(zhǔn)，所以大家在不同的瀏覽器上看到的頁(yè)面版式幾乎是相同的。網(wǎng)站剛在中國(guó)興起的時(shí)候，網(wǎng)站制作公司大都采用table來(lái)進(jìn)行網(wǎng)站界面排版。簡(jiǎn)單的講，就是把整個(gè)網(wǎng)站分割成大小形狀不同的很多小表格，在小表格里添加內(nèi)容，增加樣式。雖然最終大家看到的界面感覺(jué)上是比較不錯(cuò)的，但是實(shí)際上，整個(gè)頁(yè)面的html文件繁雜不堪，后臺(tái)修改和維護(hù)都很麻煩。而且瀏覽器加載的時(shí)候緩慢，在不同的瀏覽器下兼容也容易出現(xiàn)問(wèn)題�，F(xiàn)在市面大部門(mén)老的網(wǎng)站，或者不專業(yè)的網(wǎng)站建設(shè)公司，都還保留著table進(jìn)行網(wǎng)站排版的做法。
近幾年來(lái)，國(guó)際上為了方便網(wǎng)站排版的簡(jiǎn)潔性和實(shí)用性，形成了div+css進(jìn)行網(wǎng)站排版的模式。div等標(biāo)簽只是用來(lái)標(biāo)記頁(yè)面不同元素之間的所屬關(guān)系，css則進(jìn)行元素的大小定義，背景設(shè)置，樣式選擇。這樣，div等元素保留的html頁(yè)面上，css有專門(mén)的css文件專門(mén)存放。這樣，頁(yè)面就顯得干凈利索，后臺(tái)維護(hù)和修改異常容易。源碼給其他人維護(hù)時(shí)，也不會(huì)出現(xiàn)太多交接問(wèn)題，因?yàn)閐iv+css對(duì)于每個(gè)專業(yè)人士來(lái)講都是很標(biāo)準(zhǔn)化的東西。我們公司一直堅(jiān)持使用div+css進(jìn)行手工網(wǎng)站排版，源碼清晰明了，瀏覽器加載快，搜索引擎蜘蛛容易爬行。每個(gè)網(wǎng)站上線前，我們進(jìn)行不同瀏覽器的兼容測(cè)試，最大質(zhì)量的保證了網(wǎng)站頁(yè)面排版的品質(zhì)。
