私はブラウザ ベースのゲームに取り組んでおり、HTML をできるだけ意味的に正しいものにしたいと考えています。
ゲームのベースは、タイルのグリッドで構成される「ボード」です。各タイルの座標は、戦艦と同様に、各タイルを参照する方法として使用されます。
この種の「マップ」グリッドを表すためにテーブルを使用するのは正しいセマンティック マークアップでしょうか?それとも図のテーブルではないため、グリッドを構築するために div などのブロック レベルの要素を使用する方がより正しいでしょうか?
[編集] いくつかのコメントに応えて、使用すべき/使用すべきでない場合<table>- なぜですか?
スクリーン リーダーやテキスト ブラウザのユーザーは、table.
要素を使用divしてそのグリッドを構築する場合、どのセルがどの座標を持っているかについて非常に詳細にする必要があり (各セルに明示的にラベルを付ける必要があります)、プレイヤーはこのグリッドを頭の中で「再構築」することに集中する必要があります。電話でチェスをするようなものです。可能ですが、ボードを目の前に置くより難しいです。
はい、使用する必要があると思いますtable。グリッド セルの順序は重要で意味があり、各セルは 2 つの見出し (x/y 軸) でラベル付けされています。
を使用するtableと、グリッドはスクリーン リーダー ユーザー (ほとんどのスクリーン リーダーはセルの見出し/座標をアナウンスできます) およびテキスト ブラウザー (この場合は w3m) でも完全に使用可能になります。
なしで試してみてくださいtable。div要素には、上/右/下/左の隣接要素の概念がありません。
テーブルの特徴があります。2D、両方の軸のヘッダー セル、およびタイルのレイアウトが異なると、コンテンツの意味が変わります。