地图网格是否被视为语义HTML中的表格数据?

时间:2013-07-21 10:25:23

标签: html css semantic-web semantic-markup

我正在开发基于浏览器的游戏,并希望尽可能保持HTML语义正确。

游戏的基础是一块由瓷砖网格组成的“板”。每个图块的坐标用作参考每个图块的方式 - 就像战舰一样。

使用表来表示这种“地图”网格是不是正确的语义标记,或者因为它不是数字表,使用块级元素(如div)构建网格会更正确吗? Example coordinate grid

[edit]在回复一些评论时,如果我应该/不应该使用<table> - 为什么不呢?

2 个答案:

答案 0 :(得分:1)

它有桌子的标志。 2D,两个轴的标题单元格以及内容的含义如果图块的布局不同会发生变化。

答案 1 :(得分:1)

如果您使用table,屏幕阅读器或文本浏览器用户将很难玩这个游戏。

如果使用div元素来构建该网格,则必须非常详细地说明哪个单元格具有哪个坐标(每个单元格需要明确标记),并且玩家需要专注于“在他们的脑海里重建“这个网格。喜欢通过电话下棋。可能,是的,但比在你面前的董事会更难。

是的,我认为你应该使用table。网格单元的顺序是重要且有意义的,每个单元格都用两个标题(x / y轴)标记。

使用table,您的网格将完全可供屏幕阅读器用户使用(大多数屏幕阅读器可以宣布单元格的标题/坐标),也可以在文本浏览器中使用(在这种情况下为w3m):< / p>

enter image description here

在没有table的情况下尝试一下。 div元素没有顶/右/底/左邻居的概念。