3

下部に3列のリンクがあるページがあります。各列はdivに配置され、3つのdivはすべてページの中央にある大きなdivにラップされます。これはテーブルにより適したものですか、それともテーブルは仕事にとって間違った要素ですか？

4

6 に答える 6

11

<ul>＆を使用することもできます<li>。

#horizontal {
    width: 100%;
    background: #eee;
    float: left;
}

#horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 12em;
    float: left;
}

これにより、li要素を使用して水平列が作成され、HTMLを詰め込んで各liに個別のリンクを作成できます。

于 2009-07-10T04:27:14.333 に答える
2

経験則は次のとおりです。

レイアウトにはDivを使用し、表形式のデータにはテーブルを使用します。

ちなみに、非常にユーモラスな、経験則という用語の語源を確認してください。

于 2009-07-10T04:20:54.813 に答える
0

あなたが自分自身に尋ねたい質問は、あなたのリンクは表形式のデータの一部ですか？

はいの場合、テーブルを選択します。いいえの場合は、divを使用する必要があります。

意味的に正しい要素を使用してページを作成することが重要ですが、他の要素でも同じ効果が得られる可能性があります。

あなたのリンクに関しては、それらはテーブルの一部ではないようです。divと適切なcssの使用をお勧めします。

jrh

于 2009-07-10T04:21:33.937 に答える
0

これにはテーブルが適切ではないと思います。私の本では、単に3つの列があるだけでは、表形式のデータにはなりません。いくつかのクリーンなマークアップと優れたスタイルシートを使用すると、これを実現するためのはるかに柔軟な方法を使用できます。左フロートdivを使用する場合は、親コンテナー（100 /要素数）％を満たすように、単にパーセント幅を指定します。そうすれば、別の列を追加したい場合は、その単純なマークアップを1つのスタイルシートに変更します。このようにして、ブラウザテーブルの不安定さに対処する必要がなくなり、デザインの柔軟性が大幅に向上します。さらに、スタイルシートを離れることなくレイアウトを完全に変更できます。

于 2009-07-10T04:33:42.633 に答える
0

HTMLの背後にある主な原則は、データの意味を「マークアップ」することです。

上記の原則をガイドとして使用します。

  1. 見栄えが良いという理由だけで3つの列がある場合は、列に意味がないため、DIV（意味のない「コンテナー」要素）を使用してみてください。

  2. リンクのカテゴリが3つあるために列が3つある場合は、TABLEで問題ありません。リンクの各リストにヘッダーを付けた場合を想像してみてください。これにより、THEADを含むTABLEが必要になります。

  3. 実際、各列は「順序付けられていないリスト」であり、LI要素を持つUL要素に変換されます。

  4. また、リンクのリストがあるので、もちろんA要素を使用します。

したがって、第一原理から、次の構造が必要です。

<DIV> or <TABLE> (with <TR>/<TD>)
 -> <UL>
 ----> <LI>
 -------- <A>
于 2009-07-10T04:39:37.507 に答える
0

他の答えとは反対に、テーブルはセマンティックソリューションである可能性があります。3つのセクションが互いに異なり、タイトルが付いている場合<th>は、タイトルと<td>各リンクに使用できます。それは完全に意味論的だと思います。

于 2009-07-10T13:14:37.590 に答える