html - 页脚 - 使用表格或嵌套 UL？

Question

我想制作一个看起来像这样的页脚:

---

Item       |          Title          |   Image
Item       |   Item          Item    |
Item       |   Item          Item    | FB T Icons
Item       |   Item          Item    |   Item

它将是固定宽度 (900px)，因为我将为较小的屏幕/移动设备使用不同的设计。中间栏的大小是旁边栏的两倍，即 225px/550px/225px，但顶部标题需要居中，而下面的元素则在两栏中。

需要一些样式( block 之间以及上下之间的分隔线)。

我是编码新手。我应该使用嵌套的 UL 还是表格来实现这一点？

感谢您的帮助。

Answer 1

表格不应用于建筑布局。我会使用 UL 和 header 。 快速示例:

<ul class="column">
    <li>Item</li>
</ul>
<div class="column column-2x">
    <header>Title</header>
    <ul class="column">
        <li>Item</li>
    </ul>
    <ul class="column">
        <li>Item</li>
    </ul>
</div>
<ul class="column">
    <li>Item</li>
</ul>