对语义标记的建议

Question

我正在为我正在处理的应用程序创建Web GUI。这个特定的部分将位于一个较大的页面内，这个页面具有良好的语义构成。但是，我不确定在语义上标记下面屏幕的最佳选择是什么。

我最初的想法是通过div将上半部分与下半部分分开。因此，顶部标记非常简单。离开我觉得难倒的地方。最简单的答案是表格，但这个内容不容易适合表格数据规则的唯一使用表格。特别是考虑到在这种布局中标题看起来很明显。建议？

Need Semantic Markup for this Image http://img183.imageshack.us/img183/2261/semanticmarkup.png

Answer 1

我会在下半部分使用表格，因为在我看来这个是表格数据。我看到4列（图标，项目名称，项目描述和操作按钮）。我没有看到任何理由不使用表格进行此布局（更不用说任何其他方法可以使这种布局正确缩放将需要JavaScript和许多令人头疼的工作）。

Answer 2

如果你将这些东西放在表格中，我认为这不会是最严重的语义标记违规。除了按钮，它看起来很漂亮。我认为CSS众神会赦免你：）

Answer 3

我同意安德鲁。这是表格数据，因此您应该使用<table>，但请记住，您应该正确定义表格标题，列和页脚。

你的另一个选择是使用无头表，你可以使用<div>作为页眉和页脚，<table>作为正文。但是，我不建议这样做。一个原因是，如果您使用的是JavaScript，那么您需要标题来进行客户端排序。

Answer 4

你没有违反任何以表格形式提出的内容。当然，有些人会抱怨它，但它也足够接近你可能的表格数据。