我知道,使用表作爲佈局是一個大problem..Why不專業的網頁設計師使用表格排版了嗎?什麼是CSS的替代品,我可以使用,並將成爲表的最佳替代?
作爲佈局
回答
1)只要一個瀏覽器看到的開口table標籤,它會停止渲染,直到它看到了結束標籤,因爲它沒有甚至猜測表的結構會是什麼樣子的方式。因此,表格將顯着增加用戶啓動請求和他們實際上可以使用您的頁面之間的等待時間。
2)表需要3個嵌套標籤在已經令人難以置信的冗長的語言(XML)
3)語義,一個表是用於表格數據來定義的細胞,這是很多噪聲的地獄。使用它進行佈局意味着當你閱讀它時你的html沒有意義。
我只想補充一點,表格是**表示數據的意思,所以他們完全可以接受顯示數據。它只是**(**)開發人員反對使用它們的佈局。另一種方法是使用div來進行佈局 - 我個人覺得很難得到div佈局的懸念,但是一旦你獲得了浮動並清除它們,他們確實很容易讓它們做你想做的事情。在我看來,這是花時間學習這種技術的時間了。它會和其他開發者保持良好的關係。 – ClarkeyBoy 2010-12-15 13:45:49
非常感謝你,本書是你推薦學習Div的書,我覺得它很難使用,而不是表格.. – 2010-12-15 13:49:33
基本上我使用的是一個相對的div 2 - 3嵌套divs設置爲'float:left'並設置寬度。寬度必須總和小於100%。確保你設置寬度,否則它們將默認爲100%。然後你打開另一個設置爲「clear:both」的嵌套div。這使得父div圍繞浮動的div。如果你想要一個div在右邊對齊,那麼使用'float:right'。如果您想要將填充或邊距應用於任何嵌套div,請在應用了填充/邊距的區域內打另一個div。續... – ClarkeyBoy 2010-12-15 13:56:00
CSS不提供 '替代品',以表。它用於設置包括表格在內的HTML元素。
嘗試學習使用div標籤和使用css..it在外觀
更影響我使用CSS和XHTML佈局網頁絕對建議給風格它。
我認爲這裏有太多的好處。從可訪問性,搜索引擎優化,易於編碼到未來打樣。我認爲關於這個主題的博文和文章將能夠提供更多關於爲什麼以及如何使用CSS而不是表格佈局頁面的信息。
一本書,我建議是Web標準解決方案:標記和樣式手冊由達恩·塞德霍姆這本書會告訴你,你需要知道如何使用CSS和HTML的Web標準的兼容的方式應有盡有。
有一點要記住的是,HTML5已開始獲得廣泛使用有從XHTML
- 1. 一種佈局作爲其他佈局的背景
- 2. 使用佈局作爲另一個佈局的基礎
- 3. 使用XML佈局作爲動態修改佈局的模板
- 4. Android佈局 - 製作可滾動佈局
- 5. 在Android中作爲'this'加載佈局
- 6. 佈局作爲Android SlidingDrawer的句柄
- 7. JavaFX傳遞佈局作爲參數
- 8. 使用圖像作爲佈局
- 9. 如何充氣textView作爲佈局
- 10. 如何添加布局作爲孩子
- 11. 佈局作爲Panorama的背景
- 12. Rails的佈局只爲根工作
- 13. 使用GroupBox作爲界面的佈局
- 14. 在MapView上使用佈局作爲OverlayItem?
- 15. 爲某些操作設置佈局?
- 16. asp.net - 使用ASCX作爲佈局模板
- 17. Mapbox Android佈局作爲標記?
- 18. 作爲圖像捕獲佈局內容
- 19. 使用活動作爲佈局
- 20. Android - xml佈局作爲背景
- 21. 佈局佈局
- 22. 佈局inflater爲空
- 23. UIView佈局行爲
- 24. RecyclerView佈局行爲
- 25. 320dp爲Android佈局
- 26. 佈局,佈局大,佈局正常等
- 27. 在空佈局jframe上佈局佈局
- 28. 打開第二個抽屜佈局作爲第一個子抽屜佈局
- 29. 將按鈕從相對佈局改爲線性佈局奇怪的副作用
- 30. Android使用佈局作爲創建多個佈局實例的模板
嘗試使用搜索功能... – 2010-12-15 13:07:53
http://stackoverflow.com不同有一些區別和添加功能/ questions/83073/why-not-use-tables-for-layout-in-html – syrion 2010-12-15 13:09:59
@syrion ::非常感謝你 – 2010-12-15 13:10:34