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

1.3.1 HM1130101C 使用範疇(scope)屬性,來建立表格行列標題儲存格與資料儲存格之間的關連

檢測碼

HM1130101C

對應成功準則

1.3.1

對應認證等級

A

對應國際技術碼

H63

類別

HTML

訊息

使用範疇(scope)屬性,來建立表格行列標題儲存格與資料儲存格之間的關連

英文訊息

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>
        <td></td>
        <th scope="col">星期一</th>
        <th scope="col">星期二</th>
        <th scope="col">星期三</th>
        <th scope="col">星期四</th>
        <th scope="col">星期五</th>
    </tr>
    <tr>
        <th scope="row">上午</th>
        <td>休館</td>
        <td>開放</td>
        <td>開放</td>
        <td>開放</td>
        <td>開放</td>
    </tr>
    <tr>
        <th scope="row">下午</th>
        <td>休館</td>
        <td>開放</td>
        <td>開放</td>
        <td>開放</td>
        <td>休館</td>
    </tr>
</table>

說明

在標題列中,scope範圍屬性的col值將每個標題格與該行中的資料格相關聯。在標題行中,scope範圍屬性的row值將各個標題與其列相關聯。沒有範圍屬性,螢幕報讀軟體使用者將不容易理解行列標題和資料格之間的關係。