国产精品一区二区三区香蕉|亚洲一区二区三区视频蜜柚|A级毛片免费看久久免费光看|欧美在线第一二三四区

歡迎來到鹽城浪潮網(wǎng)絡(luò)公司官網(wǎng) 設(shè)為首頁 加入收藏

浪潮十五(2002-2017)年經(jīng)驗(yàn),品質(zhì)保證

熱線電話

0515-88113322 / 13770088125

首頁 > 新聞動(dòng)態(tài) > 行業(yè)動(dòng)態(tài) > 正文瀏覽

詳解DIV+CSS與表格建站的區(qū)別

發(fā)布時(shí)間:2016/11/19 15:33:19

        現(xiàn)在全國大大小小的網(wǎng)站都在搞一場技術(shù)“革命”,就是所謂“網(wǎng)站重構(gòu)”說簡單點(diǎn)就是DIV+CSS進(jìn)行網(wǎng)站制作。用DIV+CSS代替?zhèn)鹘y(tǒng)的Table制作框架和美化頁面。百度搜索優(yōu)化在重構(gòu)之前,肯定要了解為什么重構(gòu),為什么要用DIV+CSS技術(shù)?了解了這個(gè)問題,那么大家才有使用此技術(shù)重構(gòu)網(wǎng)站的動(dòng)力。各大CSS學(xué)習(xí)網(wǎng)站和教程無一例外都會(huì)列舉出以下使用DIV+CSS的好處:

  1、內(nèi)容和形式分離,網(wǎng)頁前臺(tái)只需要顯示內(nèi)容就行,形式上的美工交給CSS來處理。生成的HTML文件代碼精簡,更小打開更快。

  2、改版網(wǎng)站更簡單容易了,不用重新設(shè)計(jì)排版網(wǎng)頁,甚至于不用動(dòng)原網(wǎng)站的任何HTML和程序頁面,只需要改動(dòng)CSS文件就完成了所有改版。對于門戶網(wǎng)站來說改版就像換件衣服一樣簡單容易。

  3、搜索引擎更友好,排名更容易靠前。

  以上三點(diǎn)是N多好處最吸引人,最突出的三點(diǎn)。我就這三點(diǎn)進(jìn)行一一介紹:

  第一點(diǎn)、內(nèi)容和形式分離,網(wǎng)頁前臺(tái)只需要顯示內(nèi)容就行,形式上的美工交給CSS來處理。生成的HTML文件代碼精簡,更小打開更快。

  這個(gè)是DIV+CSS技術(shù)最現(xiàn)著的特點(diǎn),也是CSS存在的根源。完全的顛覆現(xiàn)在傳統(tǒng)(table)網(wǎng)頁設(shè)計(jì)的技術(shù)。所有現(xiàn)在用table制作的內(nèi)容,都可以用CSS來解決掉,而且解決的更完美,更強(qiáng)大。不需要大家再表格套表格,只需要用div套div就可以實(shí)現(xiàn)以往表格套表格所有的美工,這樣的結(jié)果就是使用div+CSS技術(shù),讓生成的網(wǎng)頁文件大小更精簡,更小。table時(shí)代,一個(gè)頁面表格達(dá)到10個(gè)以上是非常普遍的事情,但是現(xiàn)在用DIV+CSS,一個(gè)table都可以不用,就完全達(dá)到之前的效果,這就直接導(dǎo)致網(wǎng)頁文件大小比使用table時(shí)減少50%-80%,更節(jié)約各位站長的硬盤空間,訪問者打開網(wǎng)頁時(shí)更快,而且用div+CSS時(shí),不像以往使用table時(shí),必須把全部table讀取完了才顯示頁面內(nèi)容,現(xiàn)在是可以讀一個(gè)div就顯示一個(gè)效果,大家打開網(wǎng)頁不用等。好處真是明顯而強(qiáng)大。

  這個(gè)優(yōu)點(diǎn)的確是顯著的,凡是使用傳統(tǒng)table建的網(wǎng)頁,內(nèi)容多的話,有時(shí)候達(dá)到30K左右都有可能,文件打了打開時(shí),肯定就有0.0幾秒的延遲。使用DIV+CSS,由于沒有表格使用,你前臺(tái)打開看到的全是直接內(nèi)容,CSS文件都是導(dǎo)入鏈接的,是另一個(gè)文件,根本和HTML文件大小沒關(guān)系,這種生成的HTML文件,一個(gè)也就10K左右大小。文件數(shù)量少時(shí)看不出來,但是文件萬級(jí)以上時(shí),還是會(huì)節(jié)約幾十M大小的。

  這些優(yōu)點(diǎn)其實(shí)拿到現(xiàn)在來說,個(gè)人感覺用處不大,為什么呢?

  因?yàn)閠able雖然生成的HTML文件要大一些,占空間多點(diǎn),但是現(xiàn)在的虛擬主機(jī)空間幾百塊錢就可以達(dá)到3G以上,一個(gè)中小型門戶或是網(wǎng)站,完全夠用,就算不夠用,你數(shù)據(jù)量達(dá)到十萬級(jí)別以上,生成的HTML文件也用不了2G,這個(gè)成本其實(shí)對于中小型網(wǎng)站長來說完全可以不計(jì)。再說使用table說的是打開速度慢。這個(gè)在現(xiàn)在的網(wǎng)絡(luò)環(huán)境下面來說,也可以忽略的,現(xiàn)在大家上網(wǎng)都是用的寬帶,至少也是512K以上,一個(gè)網(wǎng)頁30K,打開也就一秒不到的時(shí)候,使用DIV+CSS也就快那么0.0幾秒,這基本上是大家感覺不到的。而且既然都是生成HTML,那對服務(wù)器來說影響的效果是一樣的,只要你的虛擬主機(jī)網(wǎng)絡(luò)穩(wěn)定,那么在table和div+css上就沒差別。

  但是使用table制作網(wǎng)頁框架和表格時(shí),全是選擇化制作的,也就是說不用大家去寫代碼,很簡單輸入邊框和行數(shù)列數(shù)就可以達(dá)到制作出來的要求,但是使用div+CSS時(shí),完全是靠手寫代碼,一個(gè)表格寫四行代碼的話,如果一個(gè)頁面涉及十多個(gè)div表格生成,手寫代碼將超過50行,而且如果你數(shù)學(xué)不好,或是邏輯思維能力不強(qiáng)的話,你手寫出來的表格將是亂78糟,出現(xiàn)表格重疊和位置完全不正確。因?yàn)橛胐iv+css寫表格時(shí),表格間的邏輯排列關(guān)系完全是靠自己手寫代碼判斷,如果你沒有很強(qiáng)的手寫代碼能力和邏輯性,你所花費(fèi)的時(shí)間,比你用table制作時(shí)間至少是4倍左右。基本上一個(gè)頁面定義的ID和class類,完整頁面是不會(huì)少于20個(gè)的,一個(gè)ID或class手寫5句,你制作一個(gè)HTML頁面將超過100句代碼,當(dāng)然其中很多是可以存成一個(gè)CSS文件來重復(fù)調(diào)用的。也就是說相同的頁面內(nèi)容的話,排版一樣的情況下,可以直接導(dǎo)入鏈接CSS來實(shí)現(xiàn)。

  這個(gè)就很像之前生成HTML時(shí),制作一個(gè)網(wǎng)頁模板。但制作這個(gè)模板花的時(shí)間是用table制作時(shí)的幾倍。這里有些人要說,但是我改版的時(shí)候,就只需要再寫一個(gè)css就可以了,不用再生成HTML了。那么我要說,當(dāng)你再寫一個(gè)CSS文件改版時(shí),我可能都已經(jīng)用table制作好一個(gè)頁面模板,而且還自動(dòng)生成HTML全站的頁面了。這不是不可能的。

  如果作為站長的你,對于手寫代碼不是特別有信心,邏輯思維能力不是特別強(qiáng),建議還是使用傳統(tǒng)的table制作網(wǎng)頁更熟練和快捷。

  第二點(diǎn),改版網(wǎng)站更簡單容易了,不用重新設(shè)計(jì)排版網(wǎng)頁,甚至于不用動(dòng)原網(wǎng)站的任何HTML和程序頁面,只需要改動(dòng)CSS文件就完成了所有改版。

  DIV+CSS對于門戶網(wǎng)站來說改版就像換件衣服一樣簡單容易,改版時(shí),不用改動(dòng)全站HTML頁面,只需要重新寫CSS,再用新CSS覆蓋以前的CSS就可以實(shí)現(xiàn)改版了。方便吧。

  方便是方便了,但是一個(gè)網(wǎng)站,我想問一下是不是一個(gè)月就要改次版?或是半年就要改一次?估計(jì)這么頻繁的網(wǎng)站少的很哦。現(xiàn)在很多知名網(wǎng)站,行業(yè)的,門戶的,包括個(gè)人網(wǎng)站,最多也是一年改一次版。一年改一次版,你一年才用一次重新寫CSS,而且你寫的CSS時(shí)間所用時(shí)間,比我用table制作時(shí)慢一二倍(技術(shù)熟練情況下)。那我何必還要用CSS啊?我用table一樣可以完成的效果,二分鐘就做好了表格,你用css寫要用十分鐘。百度網(wǎng)站優(yōu)化

  全國中小型站長的網(wǎng)站數(shù)據(jù)量一般也就在十萬條數(shù)據(jù)之內(nèi),現(xiàn)在用自動(dòng)批量生成HTML功能,生成完也用不了幾個(gè)小時(shí)時(shí)間吧。費(fèi)這點(diǎn)神一年也就一次,沒什么大不了的。所以除非你網(wǎng)站一個(gè)月改一次版,那么你還是用最熟練和方便的方法來實(shí)現(xiàn)網(wǎng)頁設(shè)計(jì)為妙。當(dāng)然如果你CSS已經(jīng)學(xué)的如火純青了,而且是代碼狂人。你當(dāng)我說的廢話。

  第三點(diǎn),搜索引擎更友好,排名更容易靠前。

  當(dāng)我看到CSS優(yōu)點(diǎn)有這個(gè)時(shí),我冷笑了二聲。翻譯和編寫者真的是太不了解中國的網(wǎng)絡(luò)環(huán)境了,這條拿到國外來說,如常用google.com的環(huán)境下,完全可行。但是拿到中國以百度為壟斷的網(wǎng)絡(luò)環(huán)境下,完全可以忽略。

  搜索引擎主要的排名依據(jù)不管百度和google,都是title和權(quán)重為主。他們不可能拿到這二點(diǎn)不用,而是用你的content內(nèi)容來為主抓數(shù)據(jù)吧。而且最重要的一點(diǎn),中小型網(wǎng)站主80%左右的流量是百度來的,百度現(xiàn)在完全是人工在排序,你以為你用了div+CSS百度就先排你在前面啊??如果你這樣認(rèn)為你就是太不配做中國站長了。比如中華分類信息網(wǎng)用的就不是div+CSS,照常排在前面像這種案例很多。

  退一萬不說,就算你DIV+CSS有這優(yōu)點(diǎn),能讓你頁面在百度搜索時(shí)排前幾位,你以為這個(gè)位置你能坐的長啊?不出一個(gè)月只要你這頁面給你帶去的流量達(dá)到一定數(shù)量,百度K你沒商量。

COPYRIGHT(C) 2001-2008    鹽城市浪潮網(wǎng)絡(luò)科技有限公司    網(wǎng)站優(yōu)化:592313002 版權(quán)所有  ALL RIGHTS RESERVED
電話:0515-88113322  89884899   傳真:0515-88113322  E-Mail:lysoo@lysoo.com 
地址: 鹽城市東進(jìn)路美食街3F506室   郵編:224001 http://www.lysoo.com 客服QQ:43277930  蘇ICP備13049529號(hào)-2