HTML表格标签发生了什么?


10

我从1998年开始编写HTML代码,那时候我使用了很多表格标签,同时使用tr和td,我学到了很多东西,这些内容可以用记事本和Microsoft FrontPage分析Internet上许多门户的源代码,后者包括aw,有多少张桌子重叠在一起,很有趣,我喜欢那个时候。

但是,我放弃了Web编程将近7年了,今年我决定看看今天的Web编程是什么样的。似乎完全不同,因为大多数站点不使用表标记,而是使用div和span标记。

为什么会这样呢?这些新标签是什么?为什么不再使用表标签?


5
您可能使用Windows 7而不是Windows 2000的相同原因。技术在不断发展。表标签仍然存在,但是它们用于最初的用途,即表格数据,而不是页面格式。
Chris_O

Answers:


14

万维网联盟(W3C)开发了第一个层叠样式表规范在1996年12月层叠样式表(CSS)以来急剧的变化和取得的演示数据热门网站中比较常见的HTML内容的分离。

尽管当今的站点仍可能依赖于内联样式声明来实现所需的效果,但将呈现数据(元素高度,宽度,填充,边距,绝对位置等)包含在多个HTML引用的单个CSS文件中要高效得多。文档,而不是在演示文稿需要更改时更新HTML内容的每个实例。

浏览器对CSS的采用并不是一overnight而就的(这就是为什么一些主要站点仍然依靠表格来在2000年代之前的各种浏览器中实现统一表示)的原因,而某些浏览器在W3C CSS规范的实现方面仍存在差异不支持CSS1的浏览器非常少见,因此很少有流行的网站依赖表来实现跨浏览器兼容的演示。

如果您想赶上从表格布局到表格布局的过渡,A List Apart上的“ 为那些不熟悉CSS和标准12课”文章(于2006年出版)以及W3C的CSS快照的回顾可能是一个不错的起点。 CSS。


5

如果不深入研究Web开发的整个历史……
表格从来就不是用于页面布局的。这是最重要的一点。以这种方式使用它们是当时技术(不完整的规格和无法使用的浏览器)带来的解决方法。最终(大多数)问题得以解决,现在不再需要了。

SE网站通常是针对更实际的问题,例如。我该如何...但是如果您想了解更多细节,那么许多初学者级HTML书籍-看来您似乎已经从头开始-简要概述了您作为入门材料的要求。


4

表格仍然存在于html规范中。但是它们应该用于以表格形式显示数据!(尽管表标记已经有所发展,列和组标签在某种程度上更易于以明智的方式应用)。

如果您有要为网页撰写的图片和新闻内容,出于其他人对此问题的疑虑,您应该远离表格。

如果要在页面中显示月份帐户,则一定要使用表格来执行此操作。


1

在几年前(如果仍然支持IE 6,则不是没有人)表是为所有浏览器声明相同布局的最佳选择。

拒绝使用表进行布局的框架(例如Ext)通过更改调整大小的样式来动态地计算尺寸,这使它们在某些浏览器上无法正常工作(前面提到的IE 6)。

在各种框架(例如,Icefaces)中,表格仍被用作网格布局的基础。


1
不只是IE6,Office使用的“ Word HTML”标记意味着,如果您想向Outlook发送“漂亮的” HTML电子邮件,则需要使用表格。
Zhaph-Ben Duguid 2011年

HTML电子邮件是一个例外,但是对于大多数IE6故障,都有非JS工作区,而无需采用基于表格的布局。
冒犯君主

-2

我仍然秘密地使用它们。

最重要的是,它们仍在HTML5中:http : //www.w3schools.com/html5/tag_table.asp。因此,将它们用于扭曲的布局需求是绝对安全的。

编辑:(稍作投票后)“扭曲的布局需求”的一个很好的例子是在大量电子邮件中使用表格。如果您希望垃圾邮件看起来像产品所承诺的效果一样性感,则不能使用大多数CSS。

我并不总是使用肮脏的骇客,但是当我这样做时,我更喜欢会持续未来十年的骇客。



4
@Misha您正在链接一个可怕的消息源,请参阅w3fools.com
Lekensteyn 2011年

1
可怕的建议。您阻止了网络。表标签用于表格数据,而不用于页面格式。
Chris_O 2011年

扭曲的布局需要吗?这就是绝对定位和无数Z索引的目的。
CC Ricers

1
不过,您的编辑有一个好处。发送正确的HTML电子邮件将始终需要表格。
斯蒂芬·穆勒
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.