也許table佈局專為form表單佈局而生?

技術小胖子發表於2017-11-14
ORM
一直再考慮這個問題，表單的佈局究竟採用什麼
table? dl? label+others?

傳統大家可能一直使用著table佈局，隨之web標準的推進，大家蜂擁而至，開始摒棄table,甚至有人在嘲笑那些還在用table的人，於是出現了這麼個詞–“無table佈局”.

有人說，凡是table佈局能實現，div+css同樣能夠達到（div+css這個詞不是很恰當，可我又一時想不出其他的詞)。
大家選擇div+css是因為它的程式碼簡潔(真的簡潔嗎?至少我認為90%左右吧，有的可能還是table要簡單，至少目前來說).

css裡面有個display:table-cell ,table-row等等這些屬性，就是為了模擬table佈局，然而由於IE瀏覽器尚不支援這些值，所以目前處在這個過渡時期，我們的程式碼可能為了實現一些相容性，程式碼還不能精簡到極致。

比如說form的佈局，個人認為使用table應該說是比較簡潔。
有的人使用DL定義列表佈局form,有的說dl定義列表符合語義，可是打比方說，使用者名稱和後面的輸入域滿足這個條件嗎？嚴格來說不是很符合定義列表.

當然了還有其他的很多無table表單佈局，不一一羅列了。

可是這些程式碼比起table來真的簡潔嗎，我沒有去驗證。

可能有的人去專門為了逃避table的目的吧，不過可能有點違背了web的初衷，web最終是為了呈現給使用者的。

有點需要注意的是使用table時儘量不要去巢狀使用。

好了，就說這麼多。
 本文轉自 xcf007 51CTO部落格，原文連結：http://blog.51cto.com/xcf007/138224，如需轉載請自行聯絡原作者


相關文章