MozTW 討論區
https://forum.moztw.org/

用 TABLE 來做 Layout 是 "壞習慣" 嗎?
https://forum.moztw.org/viewtopic.php?f=8&t=25228
1 頁 (共 1 頁)

發表人:  XXVi [ 2008-12-01, 12:02 ]
文章主題 :  用 TABLE 來做 Layout 是 "壞習慣" 嗎?

以前學做網頁時都習慣用 TABLE 來分 header, left menu, content, footer 的, 之後越來越多見一些較工整的網頁都是 div+css 而沒有 table 的, 慢慢的也覺得這像是較正規的做法. 其實這種概念是不是正確?

發表人:  風痕影 [ 2008-12-01, 15:12 ]
文章主題 : 

有篇〈為何使用表格排版是不明智的〉我覺得不錯
不過該文可能是由簡體轉換過來,有部分文字錯誤(例如「發型」沒有改成「髮型」)

簡單來說,就是讓表格回歸它真正的用途
所以如果要呈現的本來就是表格資料,就不需要特地改掉了
例如月曆、通訊錄等就可以用表格來做 (記得使用標題儲存格)

不過裡頭提到的「親和力」,其實也有變通的方法

發表人:  qualle [ 2008-12-01, 22:29 ]
文章主題 : 

附上一個例子:
http://www.scu.edu.tw/~ce214/
左邊的小檔案是用表格畫的,
但是其它的(導覽列,左邊那條,中間的文章)都是用div+css排版。

「讓表格回歸它真正的用途」
↑經典名言

發表人:  wini [ 2008-12-02, 00:07 ]
文章主題 : 

表格排版有表格排版的好處,但壞處也很多,所以盡量不使用在「排版」,而是用在「表格」會好點。(以「表格繪圖」的目的為主也行用)

好處:
  1. 列表顯示多欄資料方便
  2. tr 元素會自動隨內容拉齊欄高(靠 CSS 的 float 做不好,也許還要加別的,或是多加個 clear:both 隔開上下元素。)
  3. 以圖形為主的排版軟體要輸出時很方便
壞處:
  1. 程式碼會很繁雜難讀(雖然平常人是不會看原始碼的)
  2. 還原成無樣式文件後不容易看出標題段落等的章節來(雖然平常人是不會關掉樣式的)
  3. 沒辦法依據寬度把內含元素一欄欄換行(雖然也沒人會沒事把網頁放大縮小的啦)

發表人:  翔風 [ 2008-12-30, 22:41 ]
文章主題 : 

但實際上,要完全依靠CSS還有一定難度……
畢竟有些Table特徵(等行高、單元格寬度自動分配)要純CSS(若不考慮display:table)達成有困難,就算可以達成,也多數是定px尺寸或者配合JS來完成……

而且還要考慮各實際標準(特別是IE等)的相容能力……
CSS對於多個元素的位置關係處理真的有待提高……

發表人:  chilly [ 2009-01-03, 22:36 ]
文章主題 : 

請教一下,如果想了解CSS的什麼是什麼用意,比如PX跟EM的差別之類的、驚嘆號是做啥的,什麼是能做什麼是違反規則(特別是IE之外瀏覽器的比較)
有沒有沒比較好的、內容比較充實可靠的工具書能讀?
目前看到的都講的太簡單、然後就一堆範例。(更糟的還有作者是全盤否定IE以外的瀏覽器)

發表人:  rail02000 [ 2009-01-03, 23:03 ]
文章主題 : 

chilly 寫:
請教一下,如果想了解CSS的什麼是什麼用意,比如PX跟EM的差別之類的、驚嘆號是做啥的,什麼是能做什麼是違反規則(特別是IE之外瀏覽器的比較)
有沒有沒比較好的、內容比較充實可靠的工具書能讀?
目前看到的都講的太簡單、然後就一堆範例。(更糟的還有作者是全盤否定IE以外的瀏覽器)

這份寫的很基本,不過可以參考看看。
http://chinese-school.netfirms.com/css- ... -index.htm
另外剛好看到這個
http://www.chweng.idv.tw/w3cguide/cssbeginner/

如果不想要花錢,就用文字編輯器和瀏覽器練習吧!

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/