『壹』 如何用網頁製作出好看的表格
CSS製作好看的網頁表格
如果數據表格對於視力沒有問題用戶都難以閱讀的話,那麼想像一個那些用輔助技術(掌上設備)的人來說,它們是多麼復雜和混亂.幸運的是html規范提供了許多無素和屬性來提高數據表格對於這些設備的可訪問性.
1.summary 和 caption
第一元素是表格的caption,它基本上用做表格的標題.盡管這不是必須有的元素,但是盡可以使用caption總是好的.另一個元素是summary.summary屬性可以應用於表格標簽,用來描述表格的內容.與image的alt文本屬性相似.
2.thead, tbody, tfoot
thead, tbody, tfoot使網頁設計人員能夠將表格劃分為羅輯部分.例如,可以將所有列標題放在thead元素中,這樣就能夠對這個特殊區域單獨應用樣式.如果選擇使用thead或tfoot元素,那麼必須至少使用一個tbody元素.在一個表格中只能使用一個thead和tfoot元素,但是可以使用多個tbody元素將復雜的表格劃分為更容易管理的部分.
3.col 和 colgroup
行與列標題應該使用th標記而不是td,但是如果某些內容既是標題又是數據,那麼它仍然使用td.表格標題可以設置為row或col的scope屬性,定義它們是行標題還是列標題.
雖然tr元素使開發人員能夠整行應用樣式,但是很難整列應用樣式.為了解決這個問題。