Html 如何对元素进行良好的分组？

我想把htmlpage做成这样。

但是我不想为这一页制作4张表格。
最好的方法是什么（我会在后面的单元格中添加一些元素）-面板、Div或其他什么？等待好的建议。

---

注意：我是用Asp.Net/CSS编写的。

您没有说明页面上应该包含哪些内容以及如何放置这些内容。我只是猜测您的页面可能是什么样子，并建议您使用HTML5中提供的适当元素。对于顶部区域，您可以使用：

<header role="banner><!-- your contents --></header>

进入菜单的部件（即导航）应标记为：

<nav role="navigation">
<!-- menu entries -->
</nav>

底部可标记为：

<footer role="footer">
    <!-- if you need two different containers inside -->
    <div id="footer-left"></div>
    <div id="footer-right"></div>
</footer>

这只是一个粗略的例子，应该会给你一个如何继续下去的想法

不要使用表格来布局页面，因为它是不受欢迎的。使用CSS3定位元件

---

祝你好运

你至少试过做点什么吗？不要让别人为你编码。试着自己做，然后寻求帮助。@PLAudet，我试着通过桌子、面板和Div。这些变体对我来说不好。Div总是一个不错的选择。太好了！这是我需要的。但是有一个问题-为什么使用表来进行布局是不好的？因为他们工作起来不舒服，或者是因为其他原因？表格应该用于表格数据，而不是布局。它与页面的语义不符。如果完整内容在表中，则创建响应页面时会遇到问题。StackOverflow上有一个关于使用表格进行布局的老讨论：

<footer role="footer">
    <!-- if you need two different containers inside -->
    <div id="footer-left"></div>
    <div id="footer-right"></div>
</footer>