簡單規則 – 使用表格表格數據,使用其他元素進行演示(使用CSS設計布局),如div,section,aside,nav等。這為他們所持有的內容提供了意義,而不是為所有內容使用表
事實是,開發人員在90年代使用了表格來繪制他們的布局,但現在,新的CSS3規范是驚人的,它讓您如此堅持設計布局,如Flex Box,列數,框模型的行為可以通過使用盒子大小的屬性,響應式設計越來越好使用@media查詢,網格等。你不能用表格元素…實現,因此,表僅用于存儲表格數據。
我看到很多開發人員有一個印象,表格應該被完全忽視,而是他們使用了很多div與100行CSS,應用display:table; table-cell table-row屬性只是為了直接得到一個表。
所以即使在HTML5中,如果您使用表格表格數據,則完全可以。
Tables should not be used purely as a means to layout
document content as this may present problems when rendering to
non-visual media. Additionally,when used with graphics,these tables
may force users to scroll horizontally to view a table designed on a
system with a larger display. To minimize these problems,authors
should use 07001 to control layout rather than tables.
Tables should not be used as layout aids. Historically,many Web
authors have tables in HTML as a way to control their page layout
making it difficult to extract tabular data from such documents. In
particular,users of accessibility tools,like screen readers,are
likely to find it very difficult to navigate pages with tables used
for layout. If a table is to be used for layout it must be marked with
the attribute role="presentation" for a user agent to properly
represent the table to an assistive technology and to properly convey
the intent of the author to tools that wish to extract tabular data
from the document.
There are a variety of alternatives to using HTML tables for layout,primarily using CSS positioning and the CSS table model. 07003