0

私は自分の Web ページで意味的に正しいものにしようとしていますが、どうすればよいかわかりません:

私のデータは次のように見えるか、次のようにする必要があります。

Name:  lastname, first mi Address:  123 Main St.  City, State, Zip:  more...
Fieldx:  data1 Fieldy:  more data...

私が望んでいないのは、上部に列ヘッダーがある通常のテーブル データの外観です。

name                 Address
lastname, first mi   Some address...

これを行うために何を調べればよいかわかりません。テーブルレス CSS を調べたところ、フォームとレイアウトしか見つかりませんでした。

CSS を使用したフォーム レイアウト (およびテーブルなし) を使用する必要があることについて、ここで間違っていますか?それは単に「フォーム」ではありませんか?

編集:すべてをdiv内に配置してから、floatを使用してスパンに配置するだけですか?

4

2 に答える 2

0

DIVが進むべき道だと思います。DIVは、CSSと組み合わせると、はるかに優れた柔軟性を提供します。

于 2012-10-05T18:56:23.397 に答える
0

構造的には、2 列のテーブルに対応する名前と値のペアのリストです。実際には定義リストではなく記述リストであるdlリベラルな現代的解釈を採用する場合、要素としてマークアップすることもできます。これは事実上、名前と値のペアのリストです。また、各要素に 2 つの要素 (クラスを含む) が含まdlれる要素としてマークアップすることもできますが、その場合、構造内の配列のようなアイデアが失われます。最後に、代替クラスを持つ要素を含む someまたはcontainer を使用できます。ullispandivpspan

これらはすべてセマンティクス (意味) とはほとんど関係ありません。むしろ、それは構造に関するものです。どちらのアプローチがより「正しい」かを検討する代わりに、スタイリング (および場合によっては、クライアント側スクリプトなどの処理) で最も快適な方法を検討してください。表形式のレイアウトが必要な場合は、表を使用するのが自然です。(面白いことに、このようなレイアウトが必要ない場合は、テーブルを使用しない方がよいでしょう。古いバージョンの IE では、テーブルtable以外の方法で要素のスタイルを設定することができないためです。)

あなたの例のようにデータをインラインテキストにするつもりなら、私は使用します

<div class=foo>
<span class=name>Name</span> <span class=value>lastname, first mi</span>
<span class=name>Address</span> <span class=value>123 Main St. </span>
  ...
</div>

divこれは少し冗長なマークアップですが、にはデフォルトのスタイル設定がないため (前後に改行があることspanを除いて)簡単にスタイル設定でき、クラス セレクターを便利に使用できます。div

于 2012-10-05T19:09:26.573 に答える