如何在html5中编写具有详细信息的人员表

时间:2012-12-26 11:56:04

标签: html html5 html-table

我有一些人的以下数据:

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,而是一次性为所有运动员加载额外的数据)

1 个答案:

答案 0 :(得分:0)

第一个问题是,如果你想在客户端(html,javascript)或服务器端(C#,Java,PHP或类似的东西)上构建网格。如果你想在客户端上构建它,你将需要一个ajax调用,即使你想一次加载所有数据。

接下来的问题是,完整列表中的数据量有多大,加载数据集的成本是多少。 您可以采用不同的方式。您可以按原样执行此操作并仅加载网格中实际可查看的数据,您可以像记住它一样加载完整数据集,也可以加载一定数量的数据(例如第一个) 200行)并提供在需要时加载更多数据的选项。

如果要为搜索引擎优化网格数据本身,则必须构建网格服务器端,因为当爬网程序检索页面时,数据会直接呈现出来。但是,当您直接显示所有现有数据而没有分页时,这也仅适用于搜索引擎。

对于不好的标记,我认为表是构建数据网格的最佳解决方案,但不需要嵌套表。您可以使用隐藏行来实现相同的功能,该行包含div中的详细数据。

所以,总而言之,这完全是您确切用例的问题,只有您可以决定检索数据和构建网格的最佳方法。