2012-05-16 61 views

回答

6

我個人會使用一個有序列表來實現這一點,Suma skladki下的子列表意味着它不是真正的表格數據。

此鏈接應該給你你需要的東西:

http://thepcspy.com/read/css_table_of_contents/

+0

「子列表Suma skladki意味着它不是真正的表格數據」 - 不同意 – vol7ron

+0

是的vol7ron,我可能應該說這個有點不同。子彈建議一個清單,但它可以用任何方式描述。我認爲你很難用表 –

+0

乾淨地實現這一點'我認爲你很難用表格清楚地實現這個目標,除非你使用JavaScript來填充單元格,或者可能是一個帶有repeat-x背景的div圖片 – vol7ron

1

這看起來像表格數據,以便表將語義正確

3

就我個人而言,這看起來更像一個比一個表列表(雖然你仍然可以構建它作爲一個表,這樣做是有道理的)。我會把它構造成一個嵌套列表。

<ul> 
    <li>Suma skladki <span class="price">900 PLN</span> 
    <ul> 
     <li>Skladka podstawawa 
      <span class="desc">(dia przychodu 250 000 PLN)</span> 
      <span class="price">550 PNL</span> 
     </li> 
    </ul> 
    </li> 
</ul> 

這也將讓您在未來比,如果你使用table元素更大的設計靈活性。我不太確定table是否會傳達您在此處嵌套的層次結構以及一系列列表。

1
  • 僅僅因爲你有子數據,並不意味着它是一個列表;有很多有子類別(看看總帳)
  • 你的結構化信息,安排在一致方式,這構成了一個表,或表格數據多塊表的
  • 你是什麼上面顯示是TOC的當量(目錄),它是有原因的(你有一個標籤和一個值)

話雖這麼說的表,這一天的年齡沒有關係」只要你能捍衛它,特別是因爲列表/ div可以得到,所以你真的很重要e關於桌子的形狀。

對於不是表格的東西,使用table比使用可能使用表格的東西列表更不合適。

+0

「對於不是表的東西使用表比使用列表更不合適對於可以使用表格的東西「。我意識到這一點,但我討厭一些人試圖避免所有代價表的趨勢,只是誤解了語義設計的想法(例如使用div來繪製表格) –

+0

@SomalSomalski:我同意。事實上,表格在輔助功能(508)和屏幕閱讀器方面非常有意義。然而,網絡成本相當高昂;表格在DOM中渲染和構建需要更長的時間,這在整個Table vs Div辯論焦點時期是一個更大的原因。儘管我們在這裏討論這個問題,但這場辯論有點平息。 – vol7ron

+0

@SomalSomalski關於屏幕閱讀器:除非您實際測試(和修復)屏幕閱讀器的可訪問性,否則您的表可能對於屏幕閱讀器而言無法閱讀,請參閱http://stackoverflow.com/questions/21586478/tables-and-screen -readers –

相關問題