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

1.3.1 HM1130102C 使用對應識別碼(id)與標頭(headers)屬性,來建立表格行列標題儲存格與資料儲存格之間的關連

檢測碼

HM1130102C

對應成功準則

1.3.1

對應認證等級

A

對應國際技術碼

H43

類別

HTML

訊息

使用對應識別碼(id)與標頭(headers)屬性,來建立表格行列標題儲存格與資料儲存格之間的關連

英文訊息

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

規則說明

如果表格標籤存在,且其內有超過一組以上內含<th>標籤的<tr>標籤組,則<th>標籤需使用scope屬性或使用id屬性與其他<th>標籤或<td>標籤中的headers屬性建立關聯,通過檢測,否則檢測失敗。

範例

<table>
    <tr>
        <th rowspan="2" id="h">作業</th>
        <th colspan="3" id="e">考試</th>
    </tr>
    <tr>
        <th id="e1" headers="e">1</th>
        <th id="e2" headers="e">2</th>
        <th id="ef" headers="e">期末</th>
    </tr>
    <tr>
        <td headers="h">15%</td>
        <td headers="e e1">15%</td>
        <td headers="e e2">15%</td>
        <td headers="e ef">20%</td>
    </tr>
</table>

說明

第一組<tr>標籤中,<th>標題儲存格裡rowspan屬性為設定一個儲存格橫跨的欄的數目,colspan屬性為設定一個儲存格縱跨的列的數目,並以id屬性予以辨識。第二組<tr>標籤中,<th>標題儲存格與數據儲存格分別以headers屬性指向所屬的標題儲存格的id值,將表格中的標題儲存格和一個數據儲存格關聯起來。