HTML <th> scope 屬性
定義和用法
scope
屬性規定標題單元格是列、行還是列或行組的標題。
注意:scope
屬性在普通的網絡瀏覽器中沒有視覺效果,但可以被屏幕閱讀器使用。
詳細解釋
使用 scope
屬性,可以將數據單元格與表頭單元格聯系起來。
通過屬性值 row,表頭行包括的所有表格都將和表頭單元格聯系起來。指定 col,會將當前列的所有單元格和表頭單元格綁定起來。
使用 rowgroup 和 colgroup 會將單元格的行組(由 <thead>、<tbody> 或 <tfoot> 標簽定義)或列組中的所有單元格和表頭單元格綁定起來(由 <col> 或 <colgroup> 標簽定義)。
實例
規定兩個標題單元格是列的標題:
<table> <tr> <th></th> <th scope="col">月份</th> <th scope="col">存款</th> </tr> <tr> <td>1</td> <td>一月</td> <td>¥3000</td> </tr> <tr> <td>2</td> <td>二月</td> <td>¥4000</td> </tr> </table>
語法
<th scope="col|row|colgroup|rowgroup">
屬性值
值 | 描述 |
---|---|
col | 規定單元格是列的標題。 |
row | 規定單元格是行的標題。 |
colgroup | 規定單元格是一組列的標題。 |
rowgroup | 規定單元格是一組行的標題。 |
瀏覽器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |