我想知道我應該使用哪種標籤進行佈局。語義上來說,這既是一張表格,也是我的一份清單。我如何才能實現這些強調並保持正確的標記?表或列表:我應該在這裏使用什麼?
回答
我個人會使用一個有序列表來實現這一點,Suma skladki下的子列表意味着它不是真正的表格數據。
此鏈接應該給你你需要的東西:
這看起來像表格數據,以便表將語義正確
就我個人而言,這看起來更像一個比一個表列表(雖然你仍然可以構建它作爲一個表,這樣做是有道理的)。我會把它構造成一個嵌套列表。
<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
是否會傳達您在此處嵌套的層次結構以及一系列列表。
- 僅僅因爲你有子數據,並不意味着它是一個列表;有很多有子類別(看看總帳)
- 你的結構化信息,安排在一致方式,這構成了一個表,或表格數據多塊表的
- 你是什麼上面顯示是TOC的當量(目錄),它是有原因的(你有一個標籤和一個值)
話雖這麼說的表,這一天的年齡沒有關係」只要你能捍衛它,特別是因爲列表/ div可以得到,所以你真的很重要e關於桌子的形狀。
對於不是表格的東西,使用table
比使用可能使用表格的東西列表更不合適。
「對於不是表的東西使用表比使用列表更不合適對於可以使用表格的東西「。我意識到這一點,但我討厭一些人試圖避免所有代價表的趨勢,只是誤解了語義設計的想法(例如使用div來繪製表格) –
@SomalSomalski:我同意。事實上,表格在輔助功能(508)和屏幕閱讀器方面非常有意義。然而,網絡成本相當高昂;表格在DOM中渲染和構建需要更長的時間,這在整個Table vs Div辯論焦點時期是一個更大的原因。儘管我們在這裏討論這個問題,但這場辯論有點平息。 – vol7ron
@SomalSomalski關於屏幕閱讀器:除非您實際測試(和修復)屏幕閱讀器的可訪問性,否則您的表可能對於屏幕閱讀器而言無法閱讀,請參閱http://stackoverflow.com/questions/21586478/tables-and-screen -readers –
- 1. 我應該在這裏做什麼 - JavaScript
- 2. 我應該在這裏做什麼?
- 3. 爲什麼我應該在這裏使用這個「while」表達式?那個表達意味着什麼?
- 4. 使用Lucene.Net,我應該在這裏使用什麼索引stategy?
- 5. 我應該在這裏使用什麼樣的正則表達式?
- 6. 我應該在這裏使用什麼類型的演員?
- 7. 我應該在這裏使用唯一索引嗎?爲什麼?
- 8. 我應該在這裏使用什麼?線程?異步?
- 9. 我應該在這裏使用什麼控件?
- 10. 我應該在這裏使用eval()嗎?
- 11. 我應該在這裏使用HttpResponseRedirect嗎?
- 12. 我應該在這裏使用工廠
- 13. 我應該在這裏使用CUDA嗎?
- 14. 我應該使用什麼? AJAX或jQuery?
- 15. 我應該使用什麼,UITableView或UICollectionView?
- 16. 我應該使用什麼技術來組織這個日期列表?
- 17. 使用兩個表。我在這裏做錯了什麼?
- 18. 我應該在這裏使用ref或out關鍵字嗎?
- 19. 我應該使用什麼組件而不是列表框?
- 20. 「這」在這裏代表什麼?
- 21. 呃這裏代表什麼?
- 22. 什麼是〜/。我應該在哪裏做?
- 23. 這裏應該等於什麼?
- 24. 爲什麼我不能在這裏使用成員初始化列表?
- 25. 我應該用什麼樣的JOIN加入這些表格?
- 26. 我應該在這裏設置__block變量爲零,爲什麼?
- 27. 我應該使用表或DIV來實現這個結構嗎?
- 28. 不知道我應該在這裏使用接口,但是什麼?
- 29. 我應該在這裏取代什麼來使我的鍛鍊工作?
- 30. 這是什麼意思這裏列表數組調用
+1對於實際上想通過 –