如何做好元素分组？

Question

我想制作像这样的htmlpage。

但我不想为这1页制作4张桌子 什么是最好的方法来做到这一点（我将在单元格中添加一些元素） - Panel，Div或其他什么？等待好的建议 附：我用Asp.Net / CSS写。

Answer 1

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

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

假设它包含标题，徽标或类似物。

中心部分可以由元素main包裹：

<main role="main">
    <section>Section1</section>
    <section>Section2</section>
    <section>Section1</section>
</main>

采取菜单即导航的部分应标记为：

<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定位元素。

祝你好运！