本筆記記于2021年，摘自MDN HTML板塊

1.什么是表格

表格是由行和列組成的結(jié)構(gòu)化數(shù)據(jù)集(表格數(shù)據(jù))，它能夠使簡(jiǎn)捷迅速地查找某個(gè)表示不同類型數(shù)據(jù)之間的某種關(guān)系的值
HTML 表格 應(yīng)該用于表格數(shù)據(jù) ，這正是 HTML 表格設(shè)計(jì)出來(lái)的用途

2.定義整列數(shù)據(jù)的樣式信息：<col> 和 <colgroup>

讓一列中的每個(gè)數(shù)據(jù)的樣式都一樣

<table>
  <colgroup>
    <col>
    <col style="background-color: yellow">
  </colgroup>
  <tr>
    <th>Data 1</th>
    <th>Data 2</th>
  </tr>
  <tr>
    <td>Calcutta</td>
    <td>Orange</td>
  </tr>
  <tr>
    <td>Robots</td>
    <td>Jazz</td>
  </tr>
</table>

效果圖

3.高級(jí)特性

• <caption> 為表格增加一個(gè)標(biāo)題，標(biāo)題就放在 <table> 標(biāo)簽的下面
• <thead> 需要嵌套在 table 元素中，放置在頭部的位置，因?yàn)樗ǔ４淼谝恍校谝恍兄型际敲苛械臉?biāo)題，但是不是每種情況都是這樣的
  使用了 <col>/<colgroup>元素，那么 <thead>元素就需要放在它們的下面
• <tfoot> 需要嵌套在 table 元素中，放置在底部 (頁(yè)腳)的位置，一般是最后一行，往往是對(duì)前面所有行的總結(jié)，比如，可以按照預(yù)想的方式將<tfoot>放在表格的底部，或者就放在 <thead> 的下面(瀏覽器仍將它呈現(xiàn)在表格的底部)
• <tbody> 需要嵌套在 table 元素中，放置在 <thead>的下面或者是 <tfoot> 的下面，這取決于如何設(shè)計(jì)結(jié)構(gòu)
  (<tfoot>放在<thead>下面也可以生效)

4. scope屬性，可以添加在<th> 元素中，用來(lái)幫助屏幕閱讀設(shè)備更好地理解那些標(biāo)題單元格，這個(gè)標(biāo)題單元格到底是列標(biāo)題呢，還是行標(biāo)題

scope 還有兩個(gè)可選的值 ： colgroup 和 rowgroup，用于位于多個(gè)列或行的頂部的標(biāo)題