HTML headers 屬性

admin發表於2018-11-03

headers屬性規定與表格單元格相關聯的一個或多個表頭單元格。

屬性值是一個或多個表頭單元格的id列表,以空格間隔。

特別說明:此屬性在普通的Web瀏覽器中沒有視覺效果,但可以通過螢幕閱讀器使用。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
</head>
<body>
  <table border="1" width="500">
    <tr>
      <th id="name">名稱</th>
      <th id="email">Email</th>
      <th id="phone">電話</th>
      <th id="addr">地址</th>
    </tr>
    <tr>
      <td headers="name">螞蟻部落e</td>
      <td headers="email">antzone@163.com</td>
      <td headers="phone">8888888</td>
      <td headers="addr">青島市南區</td>
    </tr>
  </table>
</body>
</html>

上述程式碼可以實現單元格與表頭單元格相關聯。