數據使用表格,而不是XHTML中的佈局
表格數據就是表格中包含的數據。 在HTML中 ,它是生活在表格單元中的內容 - 即在
但是,最好使用表格來顯示數據。
根據W3C的說法:
“HTML表格模型允許作者將數據文本,預格式化文本,圖像,鏈接,表單,表單域,其他表格等等整理到單元格的行和列中。”
來源:HTML 4規範中表格的簡介。
該定義中的關鍵詞是數據 。 在網頁設計的早期,表格被改編為工具來幫助佈局和控製網頁內容的顯示方式和位置。 這有時會導致不同瀏覽器的顯示效果不佳,這取決於瀏覽器如何處理表格,所以它在設計中並不總是一個很好的方法。
然而,隨著網頁設計的進步以及級聯樣式表(CSS)的出現 ,使用表格粗略管理頁面設計元素的必要性也隨之消失。 表格模型並不是作為網頁作者操作網頁佈局或改變單元格,邊框或背景顏色外觀的方式開發的 。
何時使用表格顯示內容
如果您希望放置在頁面上的內容是您希望在電子表格中管理或跟踪的信息,那麼該內容幾乎肯定會適合在網頁上的表格中呈現。
如果要在數據列的頂部或數據行的左邊有標題字段,那麼它是表格式的,並且應該使用一個表格。
如果內容在數據庫中是有意義的,特別是非常簡單的數據庫,並且只是想顯示數據而不使它變得漂亮,那麼表就可以接受。
何時不使用表格顯示內容
在目的不是簡單地傳達數據內容本身的情況下避免使用表格。
在以下情況下不要使用表格
- 該表的主要目的是將內容定位在頁面上。 例如,要在圖像周圍添加間距,將項目符號圖標放置在列表中,或者強製文本塊像拉引號一樣操作。
- 您只想使用背景顏色或圖像來擴充頁面,而不是調出數據。 例如,突出顯示表格的每一行都很好,但只更改右上角的單元格,因為這會使它們與頁面的背景相匹配。
- 您正在剪切圖像,然後使用表格將圖像片段重新放在頁面上。 這在幾年前非常普遍,但不再被認為是正確的。
不要害怕桌子
很可能創建一個網頁,為表格數據使用非常有創意的表格。 表格是XHTML規範的重要組成部分,學習如何很好地顯示表格數據是創建網頁的重要部分。