2010-12-15 42 views
1

可能重複:
Why not use tables for layout in HTML?作爲佈局

我知道,使用表作爲佈局是一個大problem..Why不專業的網頁設計師使用表格排版了嗎?什麼是CSS的替代品,我可以使用,並將成爲表的最佳替代?

+3

嘗試使用搜索功能... – 2010-12-15 13:07:53

+2

http://stackoverflow.com不同有一些區別和添加功能/ questions/83073/why-not-use-tables-for-layout-in-html – syrion 2010-12-15 13:09:59

+0

@syrion ::非常感謝你 – 2010-12-15 13:10:34

回答

5

1)只要一個瀏覽器看到的開口table標籤,它會停止渲染,直到它看到了結束標籤,因爲它沒有甚至猜測表的結構會是什麼樣子的方式。因此,表格將顯着增加用戶啓動請求和他們實際上可以使用您的頁面之間的等待時間。

2)表需要3個嵌套標籤在已經令人難以置信的冗長的語言(XML)

3)語義,一個表是用於表格數據來定義的細胞,這是很多噪聲的地獄。使用它進行佈局意味着當你閱讀它時你的html沒有意義。

+1

我只想補充一點,表格是**表示數據的意思,所以他們完全可以接受顯示數據。它只是**(**)開發人員反對使用它們的佈局。另一種方法是使用div來進行佈局 - 我個人覺得很難得到div佈局的懸念,但是一旦你獲得了浮動並清除它們,他們確實很容易讓它們做你想做的事情。在我看來,這是花時間學習這種技術的時間了。它會和其他開發者保持良好的關係。 – ClarkeyBoy 2010-12-15 13:45:49

+0

非常感謝你,本書是你推薦學習Div的書,我覺得它很難使用,而不是表格.. – 2010-12-15 13:49:33

+1

基本上我使用的是一個相對的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

1

嘗試學習使用div標籤和使用css..it在外觀

1

更影響我使用CSS和XHTML佈局網頁絕對建議給風格它。

我認爲這裏有太多的好處。從可訪問性,搜索引擎優化,易於編碼到未來打樣。我認爲關於這個主題的博文和文章將能夠提供更多關於爲什麼以及如何使用CSS而不是表格佈局頁面的信息。

一本書,我建議是Web標準解決方案:標記和樣式手冊由達恩·塞德霍姆這本書會告訴你,你需要知道如何使用CSS和HTML的Web標準的兼容的方式應有盡有。

有一點要記住的是,HTML5已開始獲得廣泛使用有從XHTML