-2

最近、ウェブページのレイアウトでテーブルを使用することはしばしば推奨されないことを知りました ( source )

私はすでに Web アプリケーションを作成しており、その一部はテーブル レイアウトに基づいています。たとえば、私のメイン ページは、テーブル内の写真のリスト (いくつかの Tumblr レイアウトに似ています) で構成されています。テーブルには 1 つの列と複数の行があり、各行には各画像に関する情報が含まれています。

標準に合うようにレイアウトの一部を修正する必要があるかどうか疑問に思います。また、表の問題は別として、ウェブページ全体のレイアウトを作成する方法に大きな問題がある場合は、あなたの意見を聞きたいです.

更新:これは、Web ページでテーブルを使用する方法です。どのように変更すればよいですか？

<% posts.each do %>
  <div class="post">
    <table>
      <tr><!-- title, name, date -->
        <td><%= post.title %></td>
        <td><%= user.name %></td>
        <td><%= date %></td>
      </tr>
      <tr><!-- image -->
        <td><%= image %></td>
      </tr>
    </table>
   </div>
<% end %>
4

1 に答える 1

2

テーブルを使用してすでにページを作成している場合は、それを使い続けてください。おそらく少し保守性が向上することを除けば、テーブルなしのレイアウトに切り替える利点はありません。

新しいサイトを構築する（またはテーブルのないレイアウトに切り替えることにした）場合は、次を使用してください。

<div class="container">
    <div class="row">Content of row 1</div>
    <div class="row">Content of row 2</div>
    <div class="row">Content of row 3</div>
</div>

次のようなCSSを使用します。

div.container {
    width: 800px;
}

div.row {
    margin-bottom: 20px;
}

すべての<tr><td></td></tr>ものが失われ、コンテンツが表形式のデータではないため、よりクリーンなhtmlソースが提供されます。また、divは、実行している作業に使用する適切な要素です。

于 2013-01-03T07:54:09.337 に答える