建议语义标记

Question

我建立用于我的工作的应用程序的web GUI。这种特殊的部分将坐在一个更大的页面，是一个很好的语义妆之内。不过，我不确定什么是最好的选择，以语义标记下面的屏幕。

我最初的想法是将上半部从下半部经由div的分离。因此，标记中顶部是很容易的。而底部的这是我感到为难。最简单的答案是表，但这个内容不容易适应表格数据规则的唯一用途表。特别是考虑到头部看起来显眼此布局。建议？

需要语义标记为这个图象http://img183.imageshack.us/img183/2261/semanticmarkup.png

Answer 1

我会因为在我看来使用表为下部此是表格数据。我看到4列（图标，项目名称，项目描述，和操作按钮）。我看不出有任何理由不使用表此布局（更不用提其他任何办法，将使这一布局规模适当需要JavaScript和许多烦恼的右工作）。

Answer 2

我不认为这将是最严重违反语义标记的，如果你把这些东西在表中。除按钮，它看起来很表格给我。我认为，CSS神会宽恕你：）

Answer 3

我同意安德鲁。这是表格数据，所以你应该使用<table>但请记住，你应该定义表头，列和页脚正常。

您另一种选择是用无头表去哪里，你会用<div>for页眉和页脚和<table>的身体。不过，我不建议这样做。其中一个原因是你想的东西一样，如果你正在使用JavaScript客户端排序的标题。

Answer 4

你没有违反任何东西放在一个表中的形式。当然，有些人会抱怨它，但它是足够接近表格数据，你可能也是如此。