1



私のプロジェクトでは、テーブル（拡張可能）を作成する必要がある状況に遭遇しました。
divとspanを使用して実装しました。
私の先輩はtiにtd、trを使ってそれを実装するように頼んでいます

<div class="header"><div class="colLabel" style="width: 24%;">continent</div><div class="colLabel" style="width: 24%;">country</div><div class="colLabel" style="width: 24%;">population</div><div class="colLabel" style="width: 24%;">gdp</div></div>


私の実装はhttp://jsfiddle.net/agasthyanavaneeth/eLf5K/6/embedded/result/
です。
ありがとうございます:)

4

3 に答える 3

2

はい、一般的なデータではなく、表形式のデータにテーブルを使用します<div>。新しいHTML5タグを使用することもできます：<details>および<summary>

次に、次のようなことを行います。

<details>
   <summary>Continent name</summary>
    <p>Country, population and gdp content here</p>
</details>

http://html5doctor.com/the-details-and-summary-elements/

于 2012-09-12T15:28:03.517 に答える
1

あなたはウェブサイトで使用されるテーブルを聞いたことがあるかもしれませんが...それはあなたがあなたのページのレイアウトを作成するためにそれらを使用するべきではないことを意味します。

データを表示する必要がある場合、または何らかの方法でラスターを使用する必要がある場合は、ほとんどの場合、テーブルが最適です。ページを作成する場合は、divを使用します。

より具体的な質問がある場合は、お気軽にお問い合わせください。

ps：私が見ることができることから、あなたの先生は正しいと思います。ページのようなラスター/テーブルにデータを表示したい。テーブルを使用するだけです。

于 2012-09-12T13:45:33.873 に答える
0

あなたの例は、<table>要素の理想的なアプリケーションのように私には見えます。表形式のデータです。私がどこから来たのかを確認するには、CSSとスクリプトをオフにしてから、ページを見てください。

大陸の国の人口GDPアジア+26826

india1004

china13020

pakisthan201

bangladesh181ヨーロッパ+1152

UK215

France416

ドイツ521

はっきりしていませんね。今それを<table>：として提示します

continent | country    | population | gdp
-----------------------------------------
asia      | india      | 100        | 4
          | china      | 130        | 20
          | pakistan   | 20         | 1
          | bangladesh | 18         | 1
-----------------------------------------
europe    | UK         | 2          | 15
          | france     | 1          | 16
          | germany    | 2          | 21

データははるかに理にかなっており、CSSとjavascriptを使用して追加機能を上に重ねることができます。ずっといい。

于 2012-09-12T12:43:43.617 に答える