4

私はデータを表示するさまざまな方法で遊んでおり、実際のデータをテーブルから取り出してULで表示することを検討しています。これにより、マークアップでできることの柔軟性が高まります。

ただし、これについて考えていることが 1 つあります。行 (またはこの場合は UL) をクリック可能にするにはどうすればよいですか?

私はJavaScriptを使いたくないので、最初に考えたのは次のようなものでした:

<div class="liTable">
<ul class="headerRow">
    <li class="cell col-1">title1</li>
    <li class="cell col-2">title2</li>
    <li class="cell col-3">title3</li>
    <li class="cell col-3">title4</li>
</ul>
<a href=”myURL”&gt;
    <ul class="row">
        <li class="cell col-1">1</li>
        <li class="cell col-2">2</li>
        <li class="cell col-3">3</li>
        <li class="cell col-3">4</li>
    </ul>
</a></div>

ただし、ul の内部リンクを配置できないため、このマークアップは違法です。

このためのベストプラクティスに関するアイデアや提案はありますか?

4

1 に答える 1

0

表形式のデータをテーブルに入れ、リスト データをリストに入れてみてください。

追加することで、任意の要素に URL を呼び出すことができます

 onclick="location.href='http://www.example.com';"

をタグに追加しますが、これには右クリック オプションがないことに注意してください。要素のスタイルを設定して、それがリンクであることを明確にする必要があります。

ここでテストできます: http://jsfiddle.net/WguUR/

しかし、このようにテーブル フィールドの内容を "a" で囲むだけでは十分ではないでしょうか。

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td><a href="http://www.example.com">January</a></td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>
于 2013-03-21T14:13:14.413 に答える