99国产精品高清一区二区二区,亚洲视频在线不卡,欧美日日射,国产激情在线观看,欧美在线1,乱淫视频,在线观看中文字幕国产

鑫諾商資訊

首頁(yè) - 新聞資訊 > 鑫諾商資訊

table建站、DIV建站以及XHTML建站的區(qū)別

來(lái)源:http://www.cheapsocialhits.com   發(fā)布時(shí)間:2016-06-22      

     近期有人問(wèn)到“table建站、DIV建站以及XHTML建站的區(qū)別”,其實(shí)這也是國(guó)內(nèi)網(wǎng)站建設(shè)逐步走向成熟的標(biāo)志。網(wǎng)站建設(shè),簡(jiǎn)單的來(lái)說(shuō),就是“這個(gè)人長(zhǎng)的怎么樣”和“這個(gè)人內(nèi)心怎么樣”。一部分是外觀所展示出來(lái)的“視覺(jué)效果”、另一部分是藏在里面的“代碼元素”。那么接下來(lái)濟(jì)南網(wǎng)站建設(shè)就結(jié)合自己的經(jīng)驗(yàn)來(lái)分析一下:

     濟(jì)南網(wǎng)站建設(shè)先來(lái)舉一個(gè)簡(jiǎn)單的例子,用這3種不同的代碼風(fēng)格,實(shí)現(xiàn)同一個(gè)頁(yè)面效果:

1.是用table來(lái)寫,需要8行代碼:






網(wǎng)站標(biāo)題






網(wǎng)站內(nèi)容




2.然后進(jìn)步到用DIV,2行就可以了,但是因?yàn)榇嬖趦蓚€(gè)DIV,為了區(qū)別,需要給不同的ID:


網(wǎng)站標(biāo)題


網(wǎng)站內(nèi)容


3.用XHTML來(lái)寫:


網(wǎng)站標(biāo)題



網(wǎng)站內(nèi)容

濟(jì)南網(wǎng)站建設(shè)http://www.cheapsocialhits.com/分析優(yōu)缺點(diǎn):

   用更為簡(jiǎn)潔的XHTML代碼風(fēng)格,不僅僅是為了提升頁(yè)面開(kāi)啟速度。畢竟現(xiàn)在網(wǎng)絡(luò)帶寬越來(lái)越大,打開(kāi)10K的網(wǎng)頁(yè)代碼和打開(kāi)5K的網(wǎng)頁(yè)代碼區(qū)別并不明顯。而采取XHTML建站的缺點(diǎn)也很明顯,如果是一個(gè)同樣規(guī)模的網(wǎng)站,用TABLE做,1小時(shí)就可以了,用DIV要2小時(shí),用符合語(yǔ)義的XHTML則需要 3小時(shí),當(dāng)然這只是一個(gè)預(yù)估,根據(jù)頁(yè)面的不同和技術(shù)人員的熟練度,時(shí)間上面會(huì)有一定的出入。

那我們何必多花時(shí)間來(lái)做網(wǎng)站?

    做網(wǎng)站,不能只看設(shè)計(jì)風(fēng)格如何如何。更要的是核心代碼如何、質(zhì)量如何。我們做出來(lái)的網(wǎng)站不是擺在家里自己欣賞的,更重要的是去推廣這個(gè)網(wǎng)站,給自己的企業(yè)帶來(lái)網(wǎng)絡(luò)影響力。讓用戶搜索某個(gè)關(guān)鍵詞能找到你的網(wǎng)站,而不是找到別人的網(wǎng)站。

那怎樣讓搜索引擎找到自己的網(wǎng)站?

    簡(jiǎn)單的方法是寫搜索引擎可以看懂的代碼,也就是機(jī)器語(yǔ)言。

    搜索引擎并不知道頁(yè)面展現(xiàn)出來(lái)的效果是什么樣子的,它畢竟是機(jī)器,至少現(xiàn)在不會(huì)和人一樣,坐在顯示器前邊,很清楚的看到外觀,很清楚的知道主次之分。它只能通過(guò)機(jī)器語(yǔ)言——也就是你寫下的代碼來(lái)了解你的網(wǎng)站、收錄你的網(wǎng)站。

    當(dāng)你用符合語(yǔ)義的XHTML,告訴它哪個(gè)是更重要的標(biāo)題(H1/H2/H3/H4/H5/H6),哪個(gè)是列表(UL/OL/DL),哪個(gè)是段落(P)……它就會(huì)認(rèn)為你是一個(gè)好人,寫下了它能看懂的語(yǔ)言,它就會(huì)把你的排名往前邊提。

    而整個(gè)網(wǎng)站都是table布局,談不上主次之分,搜索引擎理解也會(huì)很吃力。DIV布局就更可笑了,整個(gè)網(wǎng)站寫下的都是id=”title”,更有甚者寫的 都是拼音id=”biaoti”,更更有甚者用id=”tit01″,千奇百怪的代碼風(fēng)格,難道開(kāi)發(fā)人員在指望現(xiàn)在的電腦就能讀懂人類語(yǔ)言?甚至還中文英 文自創(chuàng)文都懂?

三者的關(guān)系

    其實(shí)table、div都是xhtml的一個(gè)元素,table有它自己的作用,它就是用來(lái)做表格的,當(dāng)網(wǎng)站內(nèi)需要表格元素的時(shí)候,它是不可或缺的組成部分。div更是常用的元素之一。我們應(yīng)該按照它們 在機(jī)器語(yǔ)言中的語(yǔ)義,來(lái)給予他們不同的使命,而不是簡(jiǎn)單的拿過(guò)來(lái)隨便放在一個(gè)地方就開(kāi)始用,其實(shí)哪一個(gè)元素都可以做一個(gè)網(wǎng)站,甚至可以只用p標(biāo)簽來(lái)做網(wǎng)站、只用ul標(biāo)簽來(lái)做網(wǎng)站,但那樣做出來(lái)的東西,看起來(lái)效果一樣,實(shí)際上會(huì)造成機(jī)器人的閱讀障礙。解析速度慢是小事,萬(wàn)一被搜索引擎認(rèn)為是不友好因素,給屏蔽了,就麻煩了。

    先說(shuō)到這里吧,基本我們的認(rèn)識(shí)就是這些了,您要是還有其他的見(jiàn)解或者是補(bǔ)充也可以隨時(shí)和我們交流,希望我們可以取長(zhǎng)補(bǔ)短更快的進(jìn)步自己。

獲取互聯(lián)網(wǎng)策劃方案