不要使用表格布局(一)

学写CSS布局是很难的，特别是要熟练地掌握使用表格来创建花式的网页布局就更复杂了。但是用HTML5来做表格布局不是一个正确的选择，原因有很多：

表格不容易被理解

就像搜索引擎，多数的屏幕阅读者都是根据HTML显示的顺序来阅读网页。表格是很难解析的。

这是因为从左到右、从上到下读取表格布局的线性的内容是没有意义的。嵌套表格和表格元件的各种跨度会让页面很难辨认。

这是HTML5建议不要使用表格布局和HTML4.01不被允许的原因。

已经有越来越多的人在使用表格布局，这已经成为专业设计师的标志。

用CSS你可以把其中的内容定义到页面的左边，阅读器和搜索引擎会首先读取重要的部分（内容），最后才注意到次要的部分（导航）。

复杂的表格

即使你用web编辑器创建表格，网页还是很复杂，很难维护。除了最简单的网页设计，多数的表格布局都需要使用colspan和rowspan属性和嵌套表格。

表格做的时候可能很容易，但关键是你要维护它。

一段时间之后你可能就没那么容易地还记得为什么要做嵌套表格或者一行有多少元素等等。另外，如果你想一直做网页，你就得明白人们是怎么做表格的或者希望他们花其他时间做出些什么改变。

CSS虽然很复杂，但是它和HTML有明显的区别，所以CSS在程序开发中也占据着举足轻重的地位。而且，你也可以用CSS布局写文件，按照看到的方式样式化网页。你想改变站点布局的时候，你可以简单地改变一个CSS文件，整个站点的改变-不用再去浏览每页来更新表格布局。

不够灵活的表格

当用百分比宽度创建表格布局时，通常会加载得很慢，可以极大地改变你的外观布局。但是如果你使用了表格指定的宽度，末尾加上布局操作起来不是很方便。

创建灵活的布局，显示器和浏览器上的分辨率会比较简单，实际上，你可以使用CSS媒体查询来创建独立的设计来匹配不同的屏幕大小。

同样的设计，嵌套表格会比CSS加载得更慢

创建花式的布局的最常见的方式就是嵌套表格。意思是要把一个或者更多的表格放在其他地方。嵌套的表格越多，浏览器修饰页面的时间会越久。

在多数情况下，表格布局使用了更多的字符来创建CSS设计。字符越少意味着下载得就更少。