0

次のシナリオであなたの提案が必要です。次のようなUIがあるとしましょう

Col1 Col2
A    D
B    E
C    F

HTMLでこれを今すぐ取得するには、..likeを使用しています

<div class="col1">
  <div>A</div> 
  <div>B</div>
  ..........
</div>
<div class="col2">
  <div>D</div> 
  <div>E</div>
  ..........
</div>

しかし、ここでは div を使いすぎています。標準の XHTML で問題ありません<li>か?

誰かが適切な説明で提案できますか、それとも何か他のことを提案できますか? 注: Table Thanks は使用しないでください。

4

4 に答える 4

4

table要素がうまく機能し、意図された用途である表形式のデータを表示しようとしているように見えます。

<table>
  <tr>
    <th>Col1</th>
    <th>Col2</th>
  </tr>
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
</table>

本当に を使用したくない場合は、例で行ったように要素をtable使用します。divしかし、最終的には、達成しようとしているのは、既に存在する要素をシミュレートしていることに気付くでしょうtable。

テーブルとして使用divしている場合、CSS を無効にしたり、古いモバイル ブラウザー (フロートをうまくサポートしていない) で表示したりすると、見栄えが悪くなります。

于 2009-09-15T07:02:00.100 に答える
0

定義リストを使用することもできますが、それはキーと値のペアのデータに適していますが、状況によってはそうなる可能性がありますが、私にはわかりません。

そうでない場合は、マンティコアが言うように、テーブルを使用してください：http: //giveupandusetables.com/

于 2009-09-15T07:05:23.247 に答える
0

私はマンティコアの声明を2番目にします。表形式のデータ（行と列で表示されるデータ）にも表を使用する必要があります。誰もがテーブルの代わりにdivをレイアウトに使用することについて頭を悩ませていますが、それはテーブルを放棄する必要があるという意味ではありません。あなたがしているのはレイアウトではありません。コンテンツの特定のセグメントを構成しているため、テーブルタグを使用する必要があります。さらに、いくつかの利点：

  • タグを含むsの周りを使用して、テーブルヘッダーを作成できます。ユーザーがテーブルを印刷し、それが1ページを超えている場合、のコンテンツはすべての新しいページの上部に印刷されます。タグについても同様です。ただし、わずかな違いが1つあります。内部のコンテンツは、セル1のコンテンツの形式である必要があります。sの内部のタグは、内のタグを使用しないでください。
  • Divを表形式でレイアウトすることは事実上不可能です。これらはページデザインのレイアウトには役立ちますが、必ずしも表形式のデータには役立ちません。さらに、ユーザーがさらにデータを追加するインタラクティブなページを作成している場合、divの配置が何であるかを理解するのに非常に苦労することに気付くでしょう。
于 2009-09-15T07:07:02.400 に答える
0

「セマンティック標準」は間違いなくテーブルを使用することです。他の人が言ったように、これは基本的な表形式のデータです。それが彼らの目的です、話の終わり。

ただし、テーブルを使用できない場合は、次のように要素間の関係を定義できるため、意味的に次に意味のある構造はリストになると思います。

<ul>
<li>Col1
    <ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    </ul></li>
<li>Col2
   <ul>
   <li>D</li>
   <li>E</li>
   <li>F</li>
   </ul></li>
</ul>

次に、最悪なのはdivです。意味的な意味がないため、「最悪」です。基本的にタグスープ。

于 2009-09-15T07:26:09.303 に答える