重新發現HTML表格

　　根據我最近的一些實踐以及在和一些讀者進行關於HTML表格的使用問題溝通之後，決定寫這篇文章。總的來說，我注意到由於誤導性訊息，他們對於table的使用有種先入為主的厭惡。事實上很多人會說」我看到永遠不應該使用表格」的說法，但這絕對是錯的！這個建議只是針對使用HTML表格來定義網頁的佈局，但是表格在方便的排列數據資訊行和列方面非常完美，而且如果你一定要在一個頁面上顯示表列數據，你就不得不使用它們！為什麼不呢？然而，在這種情況下，有些人無視了用於table的某些HTML標籤的存在並且不知道該如何正確的使用它們。

　　HTML有10個表格相關標籤。下面是一個帶有簡介的列表，但首先，文檔要被正確的定義在HTML 4.01/XHTML 1或HTML 5下面:

• 定義表格標題(4, 5)

• 
  

• 為表格的欄位定義屬性(4, 5)

• 
  

• 定義表格列的分組(4, 5)

• 
  

• 定義表格(4, 5)

  
  

  #

  定義表格主體(4, 5)

  
  

  定義表格的表註(底部)(4, 5)

  
  

  #

  定義表格的表格頭(4, 5)

  
  

  定義表格的行(4, 5)

  # 　　一個基本的表格架構如下:

  

  # 　　它包含一個標題、頭部、主體和底部。正確的HTML元素順序是：

  定義一個單元格 (4, 5)
  定義表格的表格頭 (4, 5)

  
  

  #

  
  

  #

  
  

  #

  
  

  #

  　　你也可以使用

  和 來定義表格的列或為列分組：

  2. 
     

  4. 
     

  5. ##

  
  

  #

  
  

  #

  
  

  
  

  #

  

  • #

  
  #

  　　下面是一個正確的表格結構實例：

  Table caption here

  Head 1	Head 2	Head 3
  Foot 1	Foot 2	Foot 3
  A	B	C
  D	E	F

  登入後複製