html - 我想知道这种制作表格元素的方式是好是坏？

Question

我有一个条件，如图所示：

它只允许使用非常简单的 HTML TABLE 元素来解决。

我想知道我的这个解决方案已经是最好的了吗？

http://jsbin.com/exazif/

查看代码：http: //jsbin.com/exazif/edit#javascript,html

Answer 1

如果你必须使用 a <table>，这个方法很好。但是你不应该写colspan="250". Colspan 不是为此而设计的。如果您不必使用 a<table>您可以使用浮动 div。

老实说，关于什么更好：表格或 div 存在很大的争论。在此处阅读更多相关信息。

这是关于基本表格的非常好的教程。

Answer 2

你应该给你的 td 标签 id，然后使用 css 而不是过时的 html 属性。

css

table {
  border: none;
  width: 800px;
  border-collapse: collapse; /* instead of cellspacing */
}
td {
  padding: 0;
}
td#first_first {
  background-color: 'red';
  width: 400px;
}
td#first_second {
  background-color: 'blue';
  width: 400px;
}

在你的 html 中

<table>
 <tr>
  <td id="first_first">400x200</td>
  <td id="first_second">400x200</td>
 </tr>
...
</table>

Colspan 表示一个 td 单元格扩展了多少列。所以在你的代码中它没有正确使用。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td