HTML5是一種新的Web標準，它引入了許多新的功能和API，其中包括客戶端存儲。現在，你可以使用HTML5來存儲表格數據，這樣可以減少服務器的負擔，并提高網站性能。以下是一個HTML5客戶端表格存儲代碼的例子：

首先，我們創建一個HTML表格：

<table id="myTable">
<thead>
<tr>
<th>名字</th>
<th>年齡</th>
<th>城市</th>
</tr>
</thead>
<tbody>
<tr>
<td>小明</td>
<td>20</td>
<td>北京</td>
</tr>
<tr>
<td>小紅</td>
<td>18</td>
<td>上海</td>
</tr>
</tbody>
</table>

接下來，我們使用JavaScript來存儲數據到客戶端。我們將使用localStorage API，它可以存儲鍵值對。

// 獲取表格元素
var tbl = document.getElementById("myTable");
// 獲取表格行數和列數
var rowLen = tbl.rows.length;
var colLen = tbl.rows[0].cells.length;
// 創建一個空數組來存儲數據
var data = [];
// 將表格數據存儲到數組中
for (var i = 0; i < rowLen; i++) {
var row = [];
for (var j = 0; j < colLen; j++) {
row.push(tbl.rows[i].cells[j].innerHTML);
}
data.push(row);
}
// 將數據存儲到localStorage中
localStorage.setItem("myTableData", JSON.stringify(data));

現在，表格數據已經存儲在客戶端，我們可以使用下面的代碼來讀取數據：

// 從localStorage中獲取數據
var data = JSON.parse(localStorage.getItem("myTableData"));
// 將數據顯示在表格中
for (var i = 0; i < data.length; i++) {
var row = tbl.insertRow(i + 1);
for (var j = 0; j < data[i].length; j++) {
var cell = row.insertCell(j);
cell.innerHTML = data[i][j];
}
}

通過這些代碼，我們可以輕松地存儲和讀取表格數據，并減少服務器的負擔。