這篇文章主要為大家展示了“頁面設(shè)計中如何合理應(yīng)用table和div”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習一下“頁面設(shè)計中如何合理應(yīng)用table和div”這篇文章吧。

在延慶等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供做網(wǎng)站、成都網(wǎng)站制作 網(wǎng)站設(shè)計制作專業(yè)公司,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,成都全網(wǎng)營銷,外貿(mào)網(wǎng)站制作,延慶網(wǎng)站建設(shè)費用合理。

table和div 的合理應(yīng)用

Table在早期的頁面設(shè)計中應(yīng)用廣泛，但是隨著互聯(lián)網(wǎng)的發(fā)展table漸漸被拋棄，現(xiàn)在互聯(lián)網(wǎng)上只有一小部分老站（有名氣，不必要改的那種有很多），還是沿用著table來布局頁面，現(xiàn)在的新站基本上都是使用了div+css來布局頁面，但是很多web前端初入門的朋友就會產(chǎn)生一種錯覺，認為table會是頁面對搜索引擎不友好的元兇，所以在設(shè)計列表的時候總是會去使用dt ，ul 之類的標簽。這樣有的使用會讓你多花很多設(shè)計頁面樣式的時間，而真正對搜索引擎優(yōu)化的效果很微弱。

大量使用table的一個非常大的弊端除了對搜索引擎不友好，還有就是對程序員也非常的不友好，table的大量嵌套，會讓人看的很暈。但是如果配合著div使用的話就會提供效果，達到的效果或許比dt，ul來的更加好。

還有一個問題就是大量的table tr td 會讓你頁面的語義非常的差，這里先不討論標簽語義化，大家自己去百度搜一下，語義良好的頁面，搜索引擎是非常的喜好的，這里我先介紹一個語義化很好的網(wǎng)站 https://www.yisu.com/w3school/ 大家也可以自己動手操作，用谷歌瀏覽器去掉它的css鏈接，然后再看它的頁面布局，你會發(fā)現(xiàn)，它的所有的標題，列表，都井然有序，就像是寫論文的時候非常正規(guī)的排版一樣，即使不要樣式表，相信大家也不會產(chǎn)生非常大的厭惡感，但是有些網(wǎng)站就不一樣了，去掉css樣式文件之后，頁面直接就癱了，這里再發(fā)個站www.webgamei.com 去掉它的css樣式文件 （2個） 再看頁面，因為它的樣式很多都是直接寫進table中的style中，所以你看起來沒有很大的變化，但是你看導(dǎo)航部分，會發(fā)現(xiàn)，頁面毫無語義感，若是頁面的樣式分離開了，那去掉css文件，估計沒法看了。

所以這里建議，在你的頁面設(shè)計出來之后，你可以先不去加css樣式，直接先把默認樣式的版面寫出來，在根據(jù)頁面去加css自定義樣式，這樣會不會更高效點呢 ，呵呵 ，我沒試過，只是這么想而以。

以上是“頁面設(shè)計中如何合理應(yīng)用table和div”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站標題：頁面設(shè)計中如何合理應(yīng)用table和div-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://www.chinadenli.net/article30/dhcpso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、靜態(tài)網(wǎng)站、品牌網(wǎng)站建設(shè)、Google、微信小程序、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)