本文將從HTML表格開始，介紹一些基本的內(nèi)容。

什么是表格？(推薦學習：HTML入門教程)

表格是由行和列組成的結(jié)構(gòu)化數(shù)據(jù)集(表格數(shù)據(jù))，它能夠使你簡捷迅速地查找某個表示不同類型數(shù)據(jù)之間的某種關(guān)系的值 。比如說，某個人和他的年齡，一天或是一周，當?shù)赜斡境氐臅r間表 。

表格在人類社會中很常見，而且已經(jīng)存在很長時間了，下面這張1800年的美國人口普查文件中就可以證明：

因此，HTML的創(chuàng)建者們提供了一種方法來構(gòu)建和呈現(xiàn)web上的表格數(shù)據(jù)，這也就不足為奇了。

表格如何工作？

表格的一個特點就是嚴格. 通過在行和列的標題之間進行視覺關(guān)聯(lián)的方法，就可以讓信息能夠很簡單地被解讀出來。

正確完成后, 即使是盲人也可以解析 HTML 表格中的數(shù)據(jù)，一個成功的 HTML 表格應該做到無論用戶是視力正常還是視力受損，都能提高用戶的體驗。

你可以在 GitHub 上找到上面表格的 HTML源碼 ; 先去看看, 你也許會注意到一件事情，那就是這個表格看上去可讀性不是很好，那是因為現(xiàn)在這個頁面上面的那個表格通過 MDN 站點添加了一些樣式, 而 GitHub 上面的并沒有添加。

不要幻想; 為了能夠讓表格在網(wǎng)頁上有效, 你需要提供一些 CSS 的樣式信息，以及盡可能好的 HTML 固定結(jié)構(gòu). 在這個模塊中，我們將專注于 HTML 部分; 在你完成這里的內(nèi)容之后，你可以瀏覽 Styling tables 來了解 CSS 的部分。

雖然在這個模塊中我們不會專注于 CSS, 但是我們提供了一個較小的 CSS 樣式表讓你使用，和默認的沒有采用任何 CSS 樣式的表相比，表格會更加可讀。 你可以在 stylesheet here 獲取樣式表，以及在 HTML template 獲取 HTML 文件來應用樣式表，這些會讓你在 “測試 HTML 表格” 中有一個好的起點。

什么時候你不應該使用 HTML 表格?

HTML 表格 應該用于表格數(shù)據(jù) ，這正是 HTML 表格設計出來的用途. 不幸的是, 許多人習慣用 HTML 表格來實現(xiàn)網(wǎng)頁布局， e.g. 一行包含 header, 一行包含幾列內(nèi)容, 一行包含 footer, etc. 你可以在我們的 Accessibility Learning Module 中的 Page Layouts 獲得