我應該使用表格還是div？

Question

我要實現這個

佈局是完全一樣的表，所以我使用表，而不是考慮的div建議。你有什麼建議？你可以給我一個代碼框架，以便我知道如何開始，否則我只會做表格，因爲這是本頁面的樣子 - 表格數據。你有什麼建議？

我開始顯示此

而且我用這個代碼是

<div class="yta2 TB_nb fontS80 "> 
    <div class="clear ">&nbsp;</div> 
    <div class="fr1 ">&nbsp;</div> 
    <div class="fr5 "><input type="button" value="Historik"></div> 
    <div class="fl30"><h2>Grunduppgifter</h2></div> 
    <div class="clear quarter">&nbsp;</div> 
</div> 
<div class="clear "></div> 

<div id="indag" class="yta2 TB_nb fontS80"> 
    <div class="clear half">&nbsp;</div> 
    <div class="fl10"><h3>Ingivningsdag</h3></div> 

    <div class="fl20">Ans&ouml;kans beroende:</div> 
    <div class="fl20">Oberoende ans&ouml;kan</div> 
    <div class="fl10">&nbsp;</div> 
    <div class="fl1">&nbsp;</div> 
    <div class="fl20"></div> 

    <div id="ob"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod<br><br></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Datum ingivningsdag:</div> 
     <div class="fl20">2009-01-01 
    </div> 

    <div id="ff" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">Fullf&ouml;ljd fr&aring;n:</div> 
     <div class="fl20"><input type="text"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div class="fl20">WO-nummer:</div> 
     <div class="fl20"><input type="text"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div class="fl20">Internationell ingivningsdag:</div> 
     <div class="fl20"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div id="avd" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">Avdelad fr&aring;n:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Datum ingivningsdag:</div> 
     <div class="fl20"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div id="utb" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">Utbruten fr&aring;n:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Datum ingivningsdag:</div> 
     <div class="fl20"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div id="oepa" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">EP- ans&ouml;kningsnummer:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Ankomstdatum (EP-ans&ouml;kan)<br>eller ingivningsdag (EP-ans&ouml;kan):</div> 
     <div class="fl20 mt5p"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div id="aooep" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">Avdelad fr&aring;n:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div class="fl20">EP- ans&ouml;kningsnummer:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Ankomstdatum (EP-ans&ouml;kan)<br>eller ingivningsdag (EP-ans&ouml;kan):</div> 
     <div class="fl20 mt5p"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div class="fl10"></div> 


    <div class="clear"></div> 
</div><!-- indag --> 

<div class="clear lh10">&nbsp;</div> 

<div id="sokupp" class="yta2 TB_nb fontS80"> 
    <div class="fl50" id="L-col"> 
     <div class="clear half">&nbsp;</div> 
     <div class="fl25"><h3>S&ouml;kande</h3></div> 

謝謝

Answer 1

我會做兩個。

Divs在內部有主要的包裝和表格（可以證明這一點）。

例如最後兩行並不能證明使用表

Answer 2

人推薦DIV的，而不是表，因爲表需要時間的頁面加載相對於其他標籤（如DIV）。 由於代碼的簡單性和清晰性，該表首選。

Answer 3

要顯示錶格數據，請使用表格。使用div來進行整體佈局。

Answer 4

使用div和table兩者。

對於佈局，您可以使用div將框架置於應有的位置。然後你可以用table s來填充幀。

原因是：div應該用於使位置正確，table應該用於顯示數據。

Answer 5

更好的使用和兩者。但是儘量保持表格標籤更小，因爲它使文件變大，因此渲染緩慢。另一方面比表格更好，但是編寫CSS有時是一種痛苦。

使用表格& div同樣可以讓您免除跨平臺用戶界面問題的痛苦。

嘗試保持外部結構爲表和內部div。