html5 – 在HTML 5中使用表格很好吗?

前端之家收集整理的这篇文章主要介绍了html5 – 在HTML 5中使用表格很好吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在列格网格中显示帖子和相关数据,并且肯定需要表格作为使用浮点数在单行中对齐div是一个耗时的事情!

感谢您对“Do”和“HTML5”中的表格的评论

解决方法

简单规则 – 使用表格表格数据,使用其他元素进行演示(使用CSS设计布局),如div,section,aside,nav等。这为他们所持有的内容提供了意义,而不是为所有内容使用表

事实是,开发人员在90年代使用了表格来绘制他们的布局,但现在,新的CSS3规范是惊人的,它让您如此坚持设计布局,如Flex Box,列数,框模型的行为可以通过使用盒子大小的属性,响应式设计越来越好使用@media查询,网格等。你不能用表格元素…实现,因此,表仅用于存储表格数据。

我看到很多开发人员有一个印象,表格应该被完全忽视,而是他们使用了很多div与100行CSS,应用display:table; table-cell table-row属性只是为了直接得到一个表。

所以即使在HTML5中,如果您使用表格表格数据,则完全可以。

From W3 Org : (v4.01)

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.

From (HTML 5)

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

猜你在找的HTML5相关文章