html css设计好的做法？

Question

我是一名新手网络开发人员。我通常使用多个分层表来获得我想要的设计。我一直在浏览很多web 2.0网站，其中大多数似乎都使用了div / float组合。

使用哪种更好的做法？此外，由于我非常精通表格方法，div / float方法有什么优势？

Answer 1

正如HTML标准所说，表格只应用于其设计目标：表格。 css不是使用表格进行布局，而是为定位和布局html entites提供了巨大的功能。巨大的优势是（或者应该）样式表的单次交换产生了完美的其他设计（大多数表格布局必须从头开始重新构造以提供新的设计）。因此，使用css应该会带来更大的灵活性。

这个任务的一个很好的开端应该是zengarden，基于一个html页面显示非常多的css设计。

http://www.csszengarden.com/

Answer 2

这是一场激烈的辩论，需要在互联网的愿望中迷失几点。

1. 表格不是坏事
2. 表格有实际意义

之前互联网是新的，浏览器通过html像一个醉酒的小鸡一样在人们认为使用表格进行设计是个好主意...我的意思是为什么不把它放在一个表格中。

然后CSS出现了一杯咖啡和冷水淋浴，并告诉那些浏览器放慢速度。 CSS表示页面的所有样式。这样，您的DOM可以独立进行样式设置，并使布局成为动态。我真的不需要考虑CSS是一件好事的所有原因，但对于表来说这非常重要。

如果您喜欢浏览器将HTML视为标记，那么标记实际上应该表示它的内容。在桌子上放一堆图像并不是一张桌子，只是一种懒散的方式来展示一大堆图像。

使用CSS，您现在可以使用表来获取诸如DataSheets，用户列表以及您将看到的其他任何内容以及Excel Spread表。这样，所有样式都可以在样式表中完成。

并不是表格不好，现在它们可以用于他们的......桌子。

CSS也提供display: table围绕它有很多争论，但我个人认为如果你想像桌子一样的风格并且不喜欢漂浮，这就是你要走的路。它允许您像样式表中的表一样设置样式，因此您实际上并没有使用表格元素。

Answer 3

这是一篇关于这个问题的好文章

http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

顺便说一句，这个问题已经在很多主题中讨论了很多次： - ＆lt;

Answer 4

Divs具有更灵活的优势。您可以更好地控制并更容易更新或修改。

当您使用表创建整个布局时，让您需要使用2列，如果您稍后决定添加第三列，则必须进行非常彻底的更改才能实现。

另一方面，Css足够强大，可以成为1：一种定义页面布局的完整语言。 2：它不会混乱你的HTML，你可以有1人设计html和另一个人做css。

签出css tricks，你永远不会再使用表格......除非有桌子。

ps：您可以从1个html和2个不同的CSS创建2个完全不同的布局。

Answer 5

使用div，您可以更改所有设计，仅更改您的CSS。

您可以先向浏览器提供最重要的内容。您要在浏览器中显示它并不重要，因此机器人（谷歌）可以查看您的内容中最重要的内容。

表格被认为代表表格数据，而不是格式化页面。

css可以使您的网络可以访问盲人导航员。