Html 表而不是div

Html 表而不是div,html,css,Html,Css,可能重复: 在什么情况下,您应该在HTML编码中选择表而不是div?我认为只是表格内容。例如,如果将数据库表或类似电子表格的数据打印为HTML。我通常会选择表格来显示表单类型信息(名字、姓氏、地址等),其中跨多行排列标签和字段非常重要。我用于布局的div 当然,当我呈现的数据确实是表格数据时,表被包装在一个DIV:)中 我觉得有些网页设计师在一些网站的表格数据上使用div是可笑的 我还可以使用表单,尤其是标签:文本框对。从技术上讲,这可以在div框中完成,但在表中完成这项工作要容易得多,而且可

可能重复:


在什么情况下,您应该在HTML编码中选择表而不是div?

我认为只是表格内容。例如,如果将数据库表或类似电子表格的数据打印为HTML。

我通常会选择表格来显示表单类型信息(名字、姓氏、地址等),其中跨多行排列标签和字段非常重要。我用于布局的div


当然,当我呈现的数据确实是表格数据时,表被包装在一个DIV:)

我觉得有些网页设计师在一些网站的表格数据上使用div是可笑的


我还可以使用表单,尤其是标签:文本框对。从技术上讲,这可以在div框中完成,但在表中完成这项工作要容易得多,而且可以说label:textbox对实际上是表格式的。

通常在不使用表提供布局的情况下

表格->数据

Divs->布局


(主要是)

如果您想拥有语义正确的HTML,那么您应该只对表格数据使用表格


否则,您可以根据需要使用表格,但可能有一种方法可以使用
div
s和CSS实现同样的功能。

表格是为表格内容而设计的,而不是为布局而设计的

因此,如果您使用它们来显示数据,请不要感到不舒服。

1)用于显示表格数据。日历是表格数据的一个例子,起初并不总是显而易见的

2) 我在一家医疗账单公司工作,我们内部工作的几乎所有布局都是使用CSS完成的。然而,我们不时会从保险公司获得纸质表格,我们的账单必须使用,一个程序会将其转换为html格式,他们可以通过内部网填写和打印。为了确保表单被接受,它们需要与原始纸质版本非常接近。对于这些问题,回到表格上来很简单。

同意托马斯的观点——一般的经验法则是,如果在spreedsheet上有意义,你可以使用表格。否则就不行了

只是不要使用表格作为页面布局,这是人们面临的主要问题。

整个“表格与分区”的事情几乎没有抓住要点。它不是“表”或“div”。这是关于使用语义html的

即使是div标签在布局良好的页面中也只起到很小的作用。不要过度使用它。如果正确地组合html,就不需要那么多。列表、字段集、图例、标签、段落等可以替代div或span常用的功能。Div应该主要在表示逻辑划分有意义时使用,并且只有在绝对必要时才用于额外的布局。表的情况也是如此;当您有表格数据时使用它,但不要使用其他方式

这样你就有了一个更具语义的页面,你不需要在CSS中定义那么多的类;您可以直接将标记作为目标。可能最重要的是,你有一个页面,它将比同等的表格或div重的页面在谷歌上获得更好的分数。最重要的是,它将帮助你更好地与部分观众建立联系


所以,如果我们回到过去,从table和div的角度来看,我的观点是,实际上我们已经到了div被过度使用而table被低估的地步。为什么?因为当你真正思考它时,有很多东西属于“表格数据”的范畴,往往被忽视。例如,这个网页上的答案和评论。它们由多个记录组成,每个记录具有相同的字段集。它们甚至被存储在sql server表中,以便大声呼喊。这是表格数据的精确定义。这意味着html表标记绝对是一个很好的语义选择,可以在堆栈溢出上布局类似于本文的文章。同样的原则也适用于许多其他事情。使用表标记来设置三列布局可能不是一个好主意,但在网格和列表中使用它肯定很好。。。当然,当您可以实际使用ol或ul(列表)标记时除外。

正如许多海报已经提到的,您应该使用表格来显示表格数据

本规范中的相关段落介绍了表格的用法:

[表格]可用于标记表格材料或用于布局目的


我在两种情况下使用表:

1) 表格数据


2) 任何时候,我想让我的布局根据其内容动态调整大小

如果您的数据可以在二维网格中布局,请使用
。如果不能,就不要。将
用于任何其他内容都是一种黑客行为(尽管通常没有合适的替代方法,尤其是在与旧浏览器兼容方面)。不把
用于显然应该是一个的东西同样糟糕<代码>和
不是万能的;事实上,它们在语义层面上完全没有意义,因此必须不惜一切代价避免它们,以支持更多的语义选择

我还有一个用途 将是表格,尤其是标签: 文本框对。这在技术上可能是错误的 可以在div-box中完成,但它太多了, 在表格中执行此操作要容易得多,并且 可以说label:textbox是成对的 事实上,它们是表格形式的

我认为这是一个相当大的数目,特别是在微软的开发者中。我过去做过很多。它是有效的,但它忽略了一些可访问性和最佳实践因素。您应该使用标签、输入、字段集、图例和CSS来布局表单。为什么?因为这就是他们的目的,更有效,而且我认为可访问性很重要。但那只是我个人的喜好。我认为每个人在谴责它之前都应该先这样做。它快速、简单、干净

马吕斯:<