在divs的守旧派表

Question

我是一名古老的网页设计师,仍倾向于选择桌面而不是div.我觉得更容易做公共网站,特别是我们现有的浏览器平台数量.

我可以完美地完成div,但在跨浏览器中工作时更容易找到表格

如果我在做专业网站,我会被视为做错了,不专业还是不赞成？它会被归类为非标准或老式吗？

Answer 1

您正在使用语义表来实现类似网格的布局.这是错误的(并且不赞成)的原因主要是因为布局信息位于错误的位置.Html应该用于语义(内容没有外观),样式应该在css中完成(外观没有内容).因此,只有当信息是表格时,才应使用表格标签.

然而,问题是一个很好的问题,因为非常好的替代方案仍然存在(参见下面即将推出的CSS布局引擎).

如果你应该使用语义表,你现在怎么样？

1. 每行应代表与对等主题相关的其他行或主题具有相同性质的某些主题.
2. 每行的每列应与主题的某个方面相关.
3. 关于在单元格中放置一些信息的决定应该合理地基于1)和2)而不是美学.

现代CSS替代品

W3C有几个即将推出的解决方案.目前正在Chrome,Firefox和Internet Explorer(http://dev.w3.org/csswg/css3-grid-layout)中实施最符合您需求的产品.这个CSS就是你要找的.今年冬天,它将在所有吸烟热门的新浏览器中提供.因此,在接下来的几年中,您应该使用较旧(且更繁琐)的CSS(见下文).

另一个是CSS Flexbox(http://www.w3.org/TR/css3-flexbox).

这些规格虽然适用于一般用途,但它是这种布局正确进行的方式.

当前CSS替代网格布局

今天我会使用CSS网格来避免使用表格.您可以使用此代码作为起点.

http://simplegrid.info

使用适用于所有浏览器的CSS(如上例所示)是一项工作,但这适用于所有浏览器.