何时适合使用HTML表格进行布局？

2018-07-01 14:43:04

可能重复：
为什么不在HTML中使用表格进行布局？
表格而不是DIV

我有一个HTML页面，我想在其中显示多个书籍的缩略图图像，每个图像的右侧堆叠一些摘要文本。使用表格来排列页面内的内容会不合适吗？我应该使用CSS还是可以合理使用表格？我明白为什么使用表格布局整个页面并不是一个好主意，但我试图辨别何时使用表格来显示内容是“恰当的”。谢谢。

<table>
  <tr>
    <td width="50%">Thumbnail Image Here</td>
    <td width="50%">Summary Text Here</td>
  </tr>
  <tr>
    <td width="50%">Thumbnail Image Here</td>
    <td width="50%">Summary Text Here</td>
  </tr>
  <tr>
    <td width="50%">Thumbnail Image Here</td>
    <td width="50%">Summary Text Here</td>
  </tr>
</table>

表不应该用作布局工具。布局功能应该留给像CSS这样的其他技术。

拥有HTML的概念是构建您的文档，这与布局无关。布局是用户应用程序级别的概念，由浏览器供应商来实现可视布局。这包括表格的视觉解释。

因此，简而言之，您不应该将表格用于任何形式的布局演示。这个概念出现在HTML历史上，开发人员试图滥用浏览器中的布局渲染来实现布局效果。

这是表格数据，所以为什么你不应该使用表格。

正如你所说，使用嵌套表格布局整个页面并不是一个好主意，看看SEO优化和可访问性。

我认为这不是真正的表格数据 - 它是缩略图列表和它们的描述。我会考虑在这种情况下使用<ul> ，它匹配你想要实现的内容（我认为），例如：

<ul class="thumbnail-list">
    <li>
        <img src="path to thumbnail" alt="alt text" />
        <span>Summary Text Here</span>
    </li>
    <li>
        <img src="path to thumbnail" alt="alt text"/>
        <span>Summary Text Here</span>
    </li>
</ul>

链接地址: http://www.djcxy.com/p/88147.html

上一篇: When is it proper to use a HTML table for layout?

下一篇: Why does isinstance([1, 2, 3], List[str]) evaluate to true?