如何在HTML5代碼的細節人員表

Question

我有以下的一些人數據：

Name and surname | Category | Expiration date | + 

---------- 

Sport   | xxxxxxxxxxxxxxxxxx 

Base    | xxxxxxxxxxxxxxxxxx 

Beginning date | xxxxxxxxxxxxxxxxxx 

etc... 

無論如何，這應該是這個樣子： http://www.hoo.hr/kategorizacija.aspx?sportid=32&katid=I&olimpid=3&zupanijaid=0

只需點擊再加上簽字表格右側和某個運動員的信息會彈出（給它一點時間，它的一個老腳本）

這是目前做的一種方式，ajax從數據庫加載額外的數據，然後插入一個新的tr元素其中包含表格元素（例如<tr><td><table>...</table></td></tr>）。

這不是很好的標記，不能被搜索引擎搜索。有沒有更好的方法來實現這可能通過使用描述列表？ （我不會使用ajax，而是一次加載所有運動員的附加數據）

Answer 1

第一個問題是，如果要在客戶端（html，javascript）或服務器端（C＃ ，Java，PHP或類似的東西）。如果你想在客戶機上構建它，即使你想一次加載所有數據，你也需要一個ajax調用。

接下來的問題是，您將在完整列表中獲得的數據量有多大以及加載數據集需要花費多少性能。 你可能有不同的方式去。您可以按原樣進行操作，只加載網格中實際可查看的數據，您可以按照自己的想法加載數據並加載完整數據集，也可以加載一定數量的數據（例如第一個數據200行），並提供在需要時加載更多數據的選項。

如果您想優化搜索引擎的網格數據本身，那麼您必須構建網格服務器端，因爲當爬蟲獲取頁面時，數據會直接呈現出來。但是，當您直接顯示所有現有數據而沒有分頁時，這也只適用於搜索引擎。

對於您不好的標記點，在我看來，表格是構建數據網格的最佳解決方案，但不需要嵌套表格。你可以用一個隱藏的行來實現同樣的功能，該行在div中攜帶詳細數據。

因此，總而言之，這完全是您的確切用例的問題，只有您可以做出決定，檢索數據和構建網格的最佳方式是什麼。