跳到主要內容
:::|

3.1:XH1030101 有多層標頭的表格,應使用範疇屬性,或使用對應標頭屬性,來建立表格標頭儲存格與資料儲存格之間的關連

檢測碼

XH1030101

訊息

有多層標頭的表格,應使用範疇屬性,或使用對應標頭屬性,來建立表格標頭儲存格與資料儲存格之間的關連

英文訊息

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

檢測規則

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

規則說明

若<table>內的每一組<tr>內的<th>中具有scope屬性,或使用id及headers屬性與其他<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值,將表格中的標題儲存格和一個數據儲存格關聯起來。