溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“頁面設計中如何合理應用table和div”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“頁面設計中如何合理應用table和div”這篇文章吧。
table和div 的合理應用
Table在早期的頁面設計中應用廣泛，但是隨著互聯網的發展table漸漸被拋棄，現在互聯網上只有一小部分老站（有名氣，不必要改的那種有很多），還是沿用著table來布局頁面，現在的新站基本上都是使用了div+css來布局頁面，但是很多web前端初入門的朋友就會產生一種錯覺，認為table會是頁面對搜索引擎不友好的元兇，所以在設計列表的時候總是會去使用dt ，ul 之類的標簽。這樣有的使用會讓你多花很多設計頁面樣式的時間，而真正對搜索引擎優化的效果很微弱。
大量使用table的一個非常大的弊端除了對搜索引擎不友好，還有就是對程序員也非常的不友好，table的大量嵌套，會讓人看的很暈。但是如果配合著div使用的話就會提供效果，達到的效果或許比dt，ul來的更加好。
還有一個問題就是大量的table tr td 會讓你頁面的語義非常的差，這里先不討論標簽語義化，大家自己去百度搜一下，語義良好的頁面，搜索引擎是非常的喜好的，這里我先介紹一個語義化很好的網站 http://www.mlszssj.com/w3school/ 大家也可以自己動手操作，用谷歌瀏覽器去掉它的css鏈接，然后再看它的頁面布局，你會發現，它的所有的標題，列表，都井然有序，就像是寫論文的時候非常正規的排版一樣，即使不要樣式表，相信大家也不會產生非常大的厭惡感，但是有些網站就不一樣了，去掉css樣式文件之后，頁面直接就癱了，這里再發個站www.webgamei.com 去掉它的css樣式文件 （2個） 再看頁面，因為它的樣式很多都是直接寫進table中的style中，所以你看起來沒有很大的變化，但是你看導航部分，會發現，頁面毫無語義感，若是頁面的樣式分離開了，那去掉css文件，估計沒法看了。
所以這里建議，在你的頁面設計出來之后，你可以先不去加css樣式，直接先把默認樣式的版面寫出來，在根據頁面去加css自定義樣式，這樣會不會更高效點呢 ，呵呵 ，我沒試過，只是這么想而以。
以上是“頁面設計中如何合理應用table和div”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
