不要使用表格排版(二)
表格会损坏搜索引擎优化
最常见的表格会创建页面左边的导航栏布局,右侧的主要的内容。当使用表格的时候,这需要最先显示在HTML的内容是左侧导航栏。搜索引擎分类基于内容页面,许多引擎决定了显示在页面顶部更重要的内容。因此,页面的左侧导航部分没有所述导航那么重要。
你应该使用CSS把重要的内容先放在HTML中,CSS会决定把这些内容放在设计的哪个地方。这意味着搜索引擎会首先分辨出重要的部分,虽然设计会影响页面的布局。
表格排版不会总让你满意的
表格设计排版效果不佳,是因为对于打印机来说它们都太宽。所以为了让其宽度适合,浏览器需要隔断表格,打印下面的章节,会导致页面脱节。有时候你要把页面放在末尾,但是右边部分会丢失。其他页面会打印不同的表格。
你可以用CSS创建一个只用于打印页面的单独的样式表
HTML4.01的表格布局是无效的
HTML4规格状态:
如果是非视觉媒体,表格不能只用作文档内容排版,不然会出现问题。
所以如果你写的HTML4,01是无效的,你就不能使用表格排版。你只需要使用表格式数据。表格式数据一般是在电子表格或者数据库里面显示。
HTML5改变了规则和表格布局,现在不建议用HTML。HTML5规格状态:
表格不能用作辅助布局
Because tables for layout are difficult for
screen readers to differentiate, as I mention above.
使用CSS定位和排版页面是HTML4.01的唯一有效的办法。HTML5强烈建议使用这种办法。
表格排版这项技巧可能会影响你的工作能力
越来越多的新兴设计师都要学习HTML和CSS,现在已经越来越少的人使用表格排版这种技巧了。理论上来说,用户一般不会告诉你使用什么技术来做网页。但是他们会告诉自己的需求:
•定稿了的网页-各个国家的版本的浏览器都能查看。
•可维护的网页-即使你以后不能自己维护,也可以随时都能看到。
•灵活性强的设计—在各种浏览器、分辨率和设备下都能自适应
•快速下载的页面-速度会变得越来越重要,SEO也是
•打印设计-没有特别的脚本或者额外的页面
如果你不能做出客户想要的东西,他们可以终止设计,时间可能是第二年或者更后面。你得不断地学习新的技术,让你的企业活得长久。
学会使用CSS
CSS可能很难学习,但是这还是值得你努力去学习的。在学习的路上不要停滞不前。学习CSS和做网页的方法意味着内置使用CSS布局。