详谈CSS网页布局的好坏

　　现在很多大型门户网站都开始采用DIV+CSS制作方法，但是也有许多网站仍然会使用表格嵌套内容的方式，那么这两种方法中哪种更好呢?现在我们就去详谈CSS网页布局的好坏。

　　CSS网页布局的意义体现在如下方面：

　　一、使页面载入得更快

　　由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。

　　二、降低流量费用

　　页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。

　　三、修改设计时更有效率

　　由于使用了DIV CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。

　　四、保持视觉的一致性

　　DIV CSS最重要的优势之一：保持视觉的一致性;以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。

　　五、更好地被搜索引擎收录

　　由于将大部分的HTML代码和内容样式写入了CSS文件中，这就使得网页中正文部分更为突出明显，便于被搜索引擎采集收录。

　　六、对浏览者和浏览器更具亲和力

　　我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。

　　说了这么多CSS网页布局的意义与优点，同时也不能轻视CSS网页布局的副作用：

　　一、DIV CSS尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题，更不要说初学者了。

　　二、CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。

　　三、虽然说DIV CSS解决了大部分浏览器兼容问题，但是也有在部分浏览器中使用出现异常，比如火狐浏览器，在IE中显示正常的页面，到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题，但是可以说在目前来看，DIV CSS还没有实现所有浏览器的统一兼容。

　　四、DIV CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV CSS本身。DIV CSS网页设计并不能保证网页对搜索引擎的优化，甚至不能保证一定比HTML网站有更简洁的代码设计，何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量，这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前，而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言，网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。

　　上面内容中我们一起详谈CSS网页布局的好坏，从实际使用情况来看DIV+CSS制作方法好过于表格制作页面的方法，而且DIV+CSS制作方法更灵活、功能更强大。

原文链接:https://js.aizhan.com/web_authoring/css/8000.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有