Re: [問題] CSS呈現Table的方式?
※ 引述《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
推
07/04 20:09, , 1F
07/04 20:09, 1F
推
07/04 23:00, , 2F
07/04 23:00, 2F
→
07/04 23:06, , 3F
07/04 23:06, 3F
討論串 (同標題文章)