實(shí)例

下面的例子顯示表頭與每個(gè)單元相關(guān)聯(lián)：

<table border="1" width="100%">
  <tr>
    <th id="name">Name</td>
    <th id="Email">Email</td>
    <th id="Phone">Phone</td>
    <th id="Address">Address</td>
  </tr>
  <tr>
    <td headers="name">George Bush</td>
    <td headers="Email">someone@example.com</td>
    <td headers="Phone">+789451236</td>
    <td headers="Address">Fifth Avenue New York,USA</td>
  </tr>
</table>

親自試一試

定義和用法

headers 屬性規(guī)定表頭與單元格相關(guān)聯(lián)。

headers 屬性不會(huì)在普通瀏覽器中產(chǎn)生任何視覺變化。

屏幕閱讀器可以利用該屬性。

詳細(xì)解釋

headers 屬性會(huì)將表格中的一個(gè)表頭單元格和一個(gè)數(shù)據(jù)單元格聯(lián)系起來。

這個(gè)屬性的值是引號(hào)包括的一列名稱，這些名稱是用 id 屬性定義的不同表頭單元格的名稱。

headers 屬性對(duì)非可視化的瀏覽器，也就是那些在顯示出相關(guān)數(shù)據(jù)單元格內(nèi)容之前就顯示表頭單元格內(nèi)容的瀏覽器非常有用。

瀏覽器支持

由于不會(huì)在普通瀏覽器中產(chǎn)生任何視覺效果，很難判斷瀏覽器是否支持 headers 屬性。

語法

<td headers="value">

屬性值