0

このようなボードゲームのタイルは、上端に都市、左右に道路、右端に草があることを定義できる必要があります。

これどうやってするの？HTML5カスタムデータ属性について読んだことから、それらは実行可能なオプションのように見えます（たとえば、 "data-left ='road' ..."）が、コーディングの経験が豊富な人から確認を受け取ってから取得したいと思っています。プロジェクトの奥深くまで。何かご意見は？

4

3 に答える 3

1

はい、HTML5でカスタムデータ属性を使用できます。接頭辞として「data-」を付けるだけです。例：

<img src="foo.jpg" data-some-arbitrary-attribute="foo" />
于 2012-06-28T20:30:36.290 に答える
1

toskeのようなカスタム属性を使用できますが、シナリオのデータオブジェクトモデル表現（JSONを使用）を作成し、このモデルを処理してインターフェイスをレンダリングすることをお勧めします。

編集：これが例です。データは、各タイルを表すいくつかのオブジェクトを含むタイル配列です。jQueryを使用しましたが、必要なJavaScriptライブラリを使用できます。jQueryの使用方法がわからない場合は、jQueryを学ぶことをお勧めします。これは非常に強力でシンプルなライブラリです。

于 2012-06-28T20:31:24.197 に答える
-2

次のようなカスタム属性をHTML5タグに確実に配置できます。

    <img left-connection="road" right-connection="railroad"... />

ただし、imgタグをidでマークしてから、IDを次のような接続データにマップするJSONオブジェクトを作成することをお勧めします。

    <img id="a11" src="..." />

    <script type="text/javascript> 
       var connectivityData = { a11 : { left : 'road',right:'railroad'}}
    </script>
于 2012-06-28T20:28:11.327 に答える