javascript - 您将如何为基于 Web 的棋盘游戏结构设置 GUI？

Question

我想创建一个基于网络的棋盘游戏，例如黑白棋。我之前用 python 创建了一个类似的游戏，但现在我想尝试使用 javascript/jquery/html/css 来实现它。

我想知道的主要问题是如何在浏览器中为棋盘游戏设置 GUI？我有两个想法。一，创建一个包含 64 个单元格的 html 表结构。其次，创建 64 个 float div。

我意识到对于一个网站的布局来说，表格在浏览器之间是不可靠和不一致的，但是对于这样的游戏，表格设置会更容易处理吗？

Answer 1

对于像黑白棋这样的东西，我认为表格是合适的——除了视觉效果之外，它是内容的良好语义表示，即游戏板的状态。 (<div> s 不会执行相同的工作，因为它们不代表行和列之间的关系。)

我希望表格像 <div> 一样易于使用s:可能稍微容易一些，因为您不必编写任何 CSS 来获得二维布局，尽管您可能需要使用更多代码来生成 HTML，具体取决于您如何在代码中对游戏进行建模. (例如，如果您已经将游戏建模为行内的单元格，这很容易。如果没有，您必须在生成 HTML 时在代码中跟踪它。)