Html 在布局中使用表

最近我了解到在网页布局中经常不鼓励使用表格（）

我已经制作了我的web应用程序，它的一些部分是基于表布局的。 例如，我的主页包含一个表中的照片列表（类似于一些Tumblr布局）。该表有一列和多行，每一行都有关于每张图片的信息

我想知道我是否应该尝试修改一些布局，使其符合标准。此外，除了表格问题，我想听听你的意见，如果我的整个网页布局有一些重大问题

更新：这就是我在网页中使用表格的方式。谁能帮我改变一下吗

<% posts.each do %>
  <div class="post">
    <table>
      <tr><!-- title, name, date -->
        <td><%= post.title %></td>
        <td><%= user.name %></td>
        <td><%= date %></td>
      </tr>
      <tr><!-- image -->
        <td><%= image %></td>
      </tr>
    </table>
   </div>
<% end %>

---

如果您已经使用表构建了页面，请继续使用它。除了更好的可维护性之外，切换到非基于表的布局没有任何好处

如果您建立一个新站点（或决定切换到无表布局），只需使用以下命令：

<div class="container">
    <div class="row">Content of row 1</div>
    <div class="row">Content of row 2</div>
    <div class="row">Content of row 3</div>
</div>

---

它将为您提供一个更干净的html源代码，因为您丢失了所有的

内容，而且您的内容不是表格数据，div是用于您所做工作的正确元素。

您究竟为什么要创建一个只有一列的表格？为什么这个问题会被否决？我认为使用表格是做我想做的事情的一个可行的选择，如果这是错误的，我希望有人会很好地指出这一点，并建议如何重新安排，以及我应该使用什么样的方法……因为我们有太多的人对情绪做出反应，而不是帮助stackoverflow的访客。他们在一句话中看到“表格”和“布局”，然后点击向下投票按钮。甚至没有在评论中解释原因。我对你的问题投了赞成票以作补偿。谢谢你的意见。你能查一下我的最新情况吗？没关系。我明白了。我应该用div替换所有的表行，然后相应地定位单元格内容。谢谢我只是看着它，但你真的得到了：）祝你好运！

div.container {
    width: 800px;
}

div.row {
    margin-bottom: 20px;
}