表格会损坏搜索引擎优化

最常见的表格会创建页面左边的导航栏布局,右侧的主要的内容。当使用表格的时候,这需要最先显示在HTML的内容是左侧导航栏。搜索引擎分类基于内容页面,许多引擎决定了显示在页面顶部更重要的内容。因此,页面的左侧导航部分没有所述导航那么重要。

你应该使用CSS把重要的内容先放在HTML中,CSS会决定把这些内容放在设计的哪个地方。这意味着搜索引擎会首先分辨出重要的部分,虽然设计会影响页面的布局。

 

表格排版不会总让你满意的

表格设计排版效果不佳,是因为对于打印机来说它们都太宽。所以为了让其宽度适合,浏览器需要隔断表格,打印下面的章节,会导致页面脱节。有时候你要把页面放在末尾,但是右边部分会丢失。其他页面会打印不同的表格。

你可以用CSS创建一个只用于打印页面的单独的样式表

 

HTML4.01的表格布局是无效的

 

HTML4规格状态:

如果是非视觉媒体,表格不能只用作文档内容排版,不然会出现问题。

所以如果你写的HTML4,01是无效的,你就不能使用表格排版。你只需要使用表格式数据。表格式数据一般是在电子表格或者数据库里面显示。

HTML5改变了规则和表格布局,现在不建议用HTMLHTML5规格状态:

 

表格不能用作辅助布局

Because tables for layout are difficult for screen readers to differentiate, as I mention above.

 

使用CSS定位和排版页面是HTML4.01的唯一有效的办法。HTML5强烈建议使用这种办法。

 

表格排版这项技巧可能会影响你的工作能力

越来越多的新兴设计师都要学习HTMLCSS,现在已经越来越少的人使用表格排版这种技巧了。理论上来说,用户一般不会告诉你使用什么技术来做网页。但是他们会告诉自己的需求:

•定稿了的网页-各个国家的版本的浏览器都能查看。

•可维护的网页-即使你以后不能自己维护,也可以随时都能看到。

•灵活性强的设计在各种浏览器、分辨率和设备下都能自适应

•快速下载的页面-速度会变得越来越重要,SEO也是

•打印设计-没有特别的脚本或者额外的页面

如果你不能做出客户想要的东西,他们可以终止设计,时间可能是第二年或者更后面。你得不断地学习新的技术,让你的企业活得长久。

学会使用CSS

CSS可能很难学习,但是这还是值得你努力去学习的。在学习的路上不要停滞不前。学习CSS和做网页的方法意味着内置使用CSS布局。