无网页设计的好处?

时间:2010-07-30 02:20:07

标签: html css

  

可能重复:
  Why not use tables for layout in HTML?

现在,我正在阅读很多我们应该编写无表格的HTML。我相信这需要很多CSS知识。我的问题是:

  • 无桌面设计有什么好处?
  • 应该使用表格的条件是什么?
  • 如何开始?

7 个答案:

答案 0 :(得分:3)

  

表少有什么好处   设计?

有很多,其中最重要的是减少HTML有效负载,并且可以灵活地更改布局(通过CSS),而无需更改标记。

他们减少有效负载的一种方法是,样式存储在外部样式表中,并且样式表通常在页面之间共享,缓存真正适应救援。有人可能会争辩说样式表可以与表格一起使用。对;然而,严格使用div进行布局往往会促进使用样式表。

您可以阅读搜索引擎优化(SEO)设计。搜索引擎优化的一个原则是将重要的内容提升到HTML树的顶部,高于导航等相对不重要的东西。基于表格的设计确实无法做到这一点。

  

应该使用表格的条件是什么?

使用表格显示表格数据。避免它们进行布局。

  

如何开始?

我是w3schools的粉丝,而且很棒CSS Zen Garden。那些给了我我的开始。

答案 1 :(得分:1)

以下是关于该主题的非常好的演示文稿:http://www.hotdesign.com/seybold/

答案 2 :(得分:1)

使用无表格设计,您可以更轻松地更改页面布局,并且可以减少html的编写量。表格应仅用于表格数据。

答案 3 :(得分:1)

表格应该用于显示表格数据,而不是用于布局。

使用分离出的css文件可以获得更好的性能,因为浏览器可以在您网站的页面之间缓存演示文稿详细信息。

使用分离出的css还可以更容易地根据所使用的浏览器交换视图(例如,我希望显示与IE用户非常不同的东西)。

这也使得改变外观和外观变得非常容易。感觉你的网站没有改变生成内容本身的代码(例如,如果你用PHP生成你的html)。

答案 4 :(得分:1)

无桌面网页设计为您提供以下内容:

标记较少

表需要大量代码来实际创建表格单元格和行,而div只是一个简单的打开和关闭标记。这意味着用户在加载页面时下载的内容较少。

易于维护

由于无表格设计的标记较少,因此代码更易于维护(代码更少)。将元素添加到无表格设计中也更容易,因为您不必通过表格来确定需要将所有行扫描和colspans添加到现有行和列的位置。

内容和演示文稿是分开的

这是关键。使用无表格设计,swap the CSS更容易,并且在不触及标记的情况下完全改变网站的外观和感觉。

表格适用于数据

显示表格数据时应使用表格。它们的结构使它们非常善于定义标题和数据之间的关系。因此,当涉及表格数据时,它们非常适合可访问性。

Catch

虽然在CSS中没有太多需要学习的东西,但是要习惯所有浏览器渲染不一致(我正在看着你的IE ......)需要很长时间。如果您想要开始使用,我强烈建议您专注于了解floats and position behave的方法。一旦你完成整理,就会变得容易了。

答案 5 :(得分:0)

你在页面渲染和表现上获得了更好的表现这将是基于标准的。使用<div>标签进行无表格设计。

答案 6 :(得分:0)

关于所有互联网的表与div的讨论都很普遍。

我是使用表格来表示表格数据的主要支持者。但是,这是他们使用的程度。对于页面结构和布局,您应该使用div和css。

深入了解smashing magazine article关于表与div的内容。