采用DIV+CSS布局的好处(1)_光明网

　　采用DIV+CSS布局的好处(1)_光明网

　　使用 DIV+CSS 布局的好处

　　1、Introduction：为什么使用表格布局是不明智的？

　　HTML 中存在表格的原因只有一个：显示类似表格的数据。但是，随后的 border="0" 允许设计人员在这个不可见的网格中放置图片和文本。到目前为止，形式仍然主导着视觉丰富的网站设计方法，但它阻碍了更好、更亲和、更灵活、更强大的网站设计方法。

　　2、Overview：这对我有什么帮助？

　　我们会告诉你这样一种工作方式，它会：

　　让您的页面加载速度更快

　　降低数据成本

　　让你在修改设计时更高效、更省钱

　　帮助您的整个网站保持视觉一致性

　　让搜索引擎更好地找到您的网站

　　让查看者和浏览器更容易访问您的网站

　　随着世界上越来越多的人采用 Web 标准，它还可以增强您在工作场所的竞争力（实际上是降低失业风险）。

　　3、表单引起的问题

　　将格式数据混合到您的内容中。

　　这使得文件大小不必要地过大，用户在访问每个页面时必须下载一次此格式信息。

　　带宽不是免费的。

　　这使得重新设计现有网站和内容极其耗费人力（且成本高昂）。

　　这也让我们在整个网站上保持视觉一致性变得极其困难和昂贵。

　　基于表单的页面也大大降低了它对残疾人和使用手机或 PDA 的浏览者的亲和力。

　　4、过渡设计

　　使用边距和填充替换多余的表格单元格和间隔 GIF。

　　使用链接和@import 加载样式。前者用于早期浏览器，后者用于当前浏览器。

　　5、Structured 标记：所写即所想，所想即所写

　　即使编写 CSS 很简单，但使用 CSS 进行排版确实需要与我们以前不同的思维方式。

　　我们排版的时候考虑的不是“这个东西放那个东西那个东西”，而是页面信息的类别和结构。

　　我们使用标签来标记最重要的标题；下一级项目用于标记，依此类推；并放置段落

　　在标签中。

　　这就是我们所说的“结构标记”或“语义标记”。

　　您的内容不会被放置在表格和表格元素中，它们将被 div 元素替换。你还需要为你的 div 元素安排一个 id 或 class，但这是描述它们的内容或功能，而不是它们的外观。

　　当你用斜体表示一个对象时，你可能想强调它，或者你想引用书中的标题，对吗？如果是前者，就应该使用；如果是后者，应该使用。

　　如果一个对象被标记为粗体，实际上它应该被标记为。

　　如果你想在某处添加一个换行符，这可能是一个新的开始。如果不是开头，会不会是你网站上出现过的一个类（类型）？在上述两种情况下，您应该替换为 CSS

　　.

　　.foo{display:block}

　　考虑您需要导航的内容是一些无序链接的情况：

　　使用