作者liaosankai (低溫烘焙)
看板Web_Design
標題Re: [問題] CSS呈現Table的方式?
時間Fri Jul 4 20:04:48 2008
※ 引述《yanli2 (Yan)》之銘言:
: 最近終於把網站改成CSS排版方式
: 覺得MVC模式真的很棒,資料與版面完全分開了!
: 但是我不禁要提出最後一個疑問.
: http://34c.cc/tmp/pic/34ctable.jpg
: 如圖. 這樣的資料有辦法不用Table而使用css呈現嗎?
: 並且保留每欄一樣的邊線.
: 我知道用table是比較簡單啦,但是程式裡一堆tr td 寫到最後也不知道
: 這啥是啥了,於是好奇一問.
: 若是前輩遇到我這樣的問題,會直接採用Table還是css來呈現勒?
: 感謝解惑!
使用表格常招來異議的原因,主要是沒有小心使用會造成螢幕朗讀程式無法
正確的讀出內容(不過事實上在非英文系的國家,朗讀的完整性似乎不被重視)
不過如果你認為你的網站是有"國際觀"(笑),那麼就比較要注意了。另外就是
在小螢幕裝置瀏覽網頁時,例如如PDA、手機經常會被表格被擠的亂七八糟
(不過會發生這種情況通常是網頁設計不良)
不過正常來講,使用表格可以讓"表狀資料"可以完整的閱讀性較高,你試想如果
CSS停用之後,你的網頁還能看嗎?CSS設計除了目的在於能減低伺服器往返的
傳輸資料量以及資料版面分離外,在優美的畫面背後也要考慮在CSS在無效時
文件的仍然保有它的可讀性
所以我認為適時使用「表格」,而不是認為表格是個惡邪的元素
題外話:表格如果有正確給予headers、abbr屬性,朗讀程式就能比較完整讀取了
就好像有人不知道為什麼要使用<label>表籤,那就是為了考慮有些視障的使用者
他只能依靠朗讀程式來了解。
--
我的樂多網誌
http://blog.roodo.com/liaosankai
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 203.67.243.203
推 pm2001:要排版當然是不建議用table,但是拿來列資料當然是用table 07/04 20:09
推 roga:第一段的問題 -> 為什麼不是瀏覽器設計不良 XD 07/04 23:00
→ TonyQ:因為軟體能解決而不解決的就是該死啊(誤) 07/04 23:06