リンクの列を含めるためにdivやテーブルを使用する方が良いですか？

Question

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

Answer 1

また、このために<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に個別のリンクを作成することができます。

Answer 2

親指のルールは以下のとおりです。レイアウトの

使用のdivは、表形式データのテーブル。

親指のルール、非常にユーモラスという用語の語源をチェックしてください。

Answer 3

あなた自身で質問したい質問は、あなたのリンクはどの表データの一部ですか？

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

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

リンクについては、テーブルの一部ではないようです。私はdivと適切なCSSの使用をお勧めします。

JRH

Answer 4

私はテーブルがこれのために良い選択だとは思わない。単に3つの列を持つだけで私の本の表データは構成されません。クリーンなマークアップと良いスタイルシートを使用すると、これを実現するもっと柔軟な方法が得られます。左浮動小数点divを使用する場合は、親コンテナ（100 /要素数）％を満たすように、幅をパーセントで指定します。そうすれば、別の列を追加したい場合は、単純なマークアップでスタイルシートの変更を1つ変更します。このようにすれば、ブラウザの表意を扱う必要がなくなり、デザインの柔軟性が大幅に向上します。スタイルシートを残すことなくレイアウトを完全に変更することができます。

Answer 5

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

私はガイドとして上記の原理を使用します：あなたは3列を持っている場合は

1. それはすてきに見えるという理由だけで - そしてあなたの列には意味がありません、あなたは（divを使用するようにしてください意味のない「コンテナ」要素である）。

2. 3つのカテゴリのリンクがあるため、3つの列がある場合、TABLEは問題ありません。リンクの各リストにヘッダーを付けた場合、THEADのテーブルがになる必要があります。。

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

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

だから、第一原理から、あなたがこのような構造を持っている必要があります。

他の回答に反し

<DIV> or <TABLE> (with <TR>/<TD>) 
-> <UL> 
----> <LI> 
-------- <A> 

Answer 6

、テーブルには、セマンティックソリューションである可能性があります。 3つのセクションが互いに区別され、タイトルを持っている場合は、タイトルに<th>、リンクごとに<td>を使用できます。私はそれが完全に意味論だと思う。