跳到主要內容
  • 字級
:::|

1.3.1 HM1130110E 對於複雜表格,以有意義的標記來建立表格行列標題儲存格與資料儲存格之間的關連

稽核評量碼

HM1130110E

對應成功準則

1.3.1

對應認證等級

A

對應國際技術碼

H43

類別

HTML

訊息

對於複雜表格,以有意義的標記來建立表格標頭儲存格與資料儲存格之間的關連

英文訊息

H43: Using id and headers attributes to associate data cells with header cells in data tables

H63: Using the scope attribute to associate header cells and data cells in data tables

規則說明

在HTML中,使用有意義的標籤來建立表格標頭儲存格與資料儲存格之間的關係,皆須遵守此指引。

檢測說明

  1. 使用Google Chrome瀏覽器開啟檔案。
    開啟檔案
  2. 點選右鍵檢視網頁原始碼。
    點選右鍵檢視原始碼
  3. 可看到表格標頭儲存格與資料儲存格之間的關係,例如:表格列標頭指的是名字,電話,傳真、城市,珍妮、Clive Lloyd、戈登格里尼奇則為行標頭,其他資料是指除了表格標頭以外的資料,如412-212-5421、412-212-5400、匹茲堡等。以上範例表示表格行列標頭與資料間的關係,在<th scope="col">名字</th>程式碼中scope屬性標示該標頭的範圍,其他如電話,傳真,城市為每一列的標頭都會關聯到其他資料儲存格,像是名字會對照到珍妮,電話會對照到412-212-5421以此類推。
    標題設計範例

說明