网站改版 内容排序(统一的样式表文件采用外部调用的形式，不是的布局方式没有)

　　网站改版 内容排序(统一的样式表文件采用外部调用的形式，不是的布局方式没有)

　　统一样式表文件采用外部调用的形式，这样每加载一个页面，服务器就会多响应一次服务器的http请求，这会消耗大量的前端web服务器。原来css和js早就写在页面前端了，而不是作为一种外部调用的形式，也是尽量避免给服务器增加消耗。

　　页面缓存：

　　用户每访问一个页面，都会在浏览器缓存中保存一定的时间，以保证用户下次访问该页面时，页面显示速度可以大大提高。并且每次修改都会导致页面重新下载，每个外部导入的样式文件也是如此。如果CSS文件被修改了，那么每一个访问网站的页面都会重新下载，样式就写在页面过去了。只需要重新下载修改后的页面。

　　兼容性：

　　对于 CSS（样式表），并非所有浏览器的所有版本都支持得很好。例如，IE5 之前的浏览器对 CSS 的支持不是很好。但是，使用IE5以前版本的浏览器的用户不在少数。这使得在页面*敏*感*词*中需要测试不同的浏览器版本以确保兼容性。无形中也增加了很多工作量（至少我接触的开发者制作div页面的标准时间比制作表格页面要长）。

　　横切和延展性：

　　横切——为了让页面下载速度更快，传统的布局方式是将页面从上到下分成若干块，但是在使用DIV布局的页面中经常会出现这种情况，由于每个中间列的内容或其他column 条目数不固定，使得两列不能同时自适应，有空格。

　　说了这么多，并不是说DIV的布局不好，而是我们要正确看待Table在大型内容门户中的作用，并不是说大家都狂妄自大。大型网站应用中之所以不使用DIV的布局，并不是说门户不使用DIV是因为技术落后。是因为里面的人没有前瞻性，而是各种原因决定的。网易之所以全部采用DIV，是因为内容不是他们的主攻方向。对于其他门户网站，这样的决定取决于验证的时间。只是时机尚未成熟。

　　Div布局页面和Table布局页面的优缺点

　　一、使用Table布局导致的问题

　　1、 将格式数据混合到您的内容中。这使得文件大小不必要地大，用户在访问每个页面时必须下载一次此类格式信息，并且带宽不是免费的。

　　2、这使得重新设计现有网站和内容极其耗费人力

　　3、 这也让我们很难保持整个网站的视觉一致性，成本也非常高。

　　4、 基于表单的页面也大大降低了它对残疾人和使用手机或 PDA 的观众的亲和力。

　　二、使用Css进行网页布局的优势

　　1、让你的页面加载速度更快

　　2、降低您的数据成本

　　3、让您在修改设计时更高效、更便宜

　　4、帮助您的网站保持视觉一致性

　　5、让您的网站更适合搜索引擎

　　6、让浏览者和浏览器更容易访问您的网站

　　7、 随着世界上越来越多的人采用 Web 标准，它也可以提高您在工作场所的竞争力。

　　网上有一篇文章的文章，翻过来，文章重点介绍了Div的三大优势。以下是作者对Css布局页面的三大优势和理解：

　　1、 内容和表单分离，网页前台只需要展示内容，表单的美术由Css处理。生成的 HTML 文件代码精简，更小，更多块开放。

　　2、Revision网站 更简单更容易。您不需要重新设计和排版网页，甚至不需要移动原创 网站 的任何 HTML 和程序页面。只需要修改css文件就可以完成所有的修改。对于门户网站来说，改版就像换衣服一样简单。

　　3、 搜索引擎更友好，考前排名更容易拿到。

　　第一点是内容与形式的分离

　　这是Div+Css技术最显着的特点，也是CSS存在的根源。彻底颠覆当前传统（表格）网页设计技术。现在所有用table做的内容都可以用css解决，解决的更完美，功能更强大。无需大家重新设置表格，使生成的网页文件大小更精简、更小。在table时代，一个页表达到10个以上是很常见的，但是现在有了DIV+CSS，一个table可以不用table，完全达到以前的效果，直接导致50%与使用表格时相比，减少了网页的文件大小。-80%，节省站长硬盘空间，访问者打开网页更快，使用div+CSS时，与之前使用表格不同，在显示页面内容之前必须阅读所有表格，现在可以阅读一个div就会显示效果，您不必等待打开网页。好处是非常明显和强大的。这个优势确实很显着。对于传统表格构建的网页内容较多，有时可能会达到30K左右。打开文件时，必须有0.0 秒的延迟。使用DIV+CSS，前台打开看到的都是直接内容。CSS 文件都是导入的链接。它们是另一个文件。它与 HTML 文件的大小无关。这个生成的 HTML 文件大小约为 10K。不必等待打开网页。好处是非常明显和强大的。这个优势确实很显着。对于传统表格构建的网页内容较多，有时可能会达到30K左右。打开文件时，必须有0.0 秒的延迟。使用DIV+CSS，前台打开看到的都是直接内容。CSS 文件都是导入的链接。它们是另一个文件。它与 HTML 文件的大小无关。这个生成的 HTML 文件大小约为 10K。不必等待打开网页。好处是非常明显和强大的。这个优势确实很显着。对于传统表格构建的网页内容较多，有时可能会达到30K左右。打开文件时，必须有0.0 秒的延迟。使用DIV+CSS，前台打开看到的都是直接内容。CSS 文件都是导入的链接。它们是另一个文件。它与 HTML 文件的大小无关。这个生成的 HTML 文件大小约为 10K。前台打开看到的都是直接内容。CSS 文件都是导入的链接。它们是另一个文件。它与 HTML 文件的大小无关。这个生成的 HTML 文件大小约为 10K。前台打开看到的都是直接内容。CSS 文件都是导入的链接。它们是另一个文件。它与 HTML 文件的大小无关。这个生成的 HTML 文件大小约为 10K。

　　第二点，改版网站更简单更容易

　　只需要重写Css，用新的Css覆盖之前的Css即可实现改版。

　　第三点是搜索引擎更加友好，确实可以在一定程度上帮助SEO。

　　通过Div+Css对网页进行布局，可以让一些重要的链接和文字信息先被搜索引擎蜘蛛抓取，这对SEO也是有帮助的。

　　table和div布局对比

　　关于代码的复杂性，table 和 div 都非常冗长。css网页可能比table网页小一点，但复杂度相差不大。网络接入

　　css 网页会快一点，但是整体的用户体验感觉并没有太大的不同。在搜索引擎优化方面，我用cmsdata采集分析了程序里面用到的HtmlParser类库

　　html网页，然后使用java dom将元素中的数据转换成xml导入到数据库中。这个类似蜘蛛的程序在爬取表数据和div中的数据时，效率是一样的。

　　今天的大型搜索引擎不会因为div的趋势而放弃表格。我认为如果一个网页结构不好，无论是table还是div都会被引擎抛弃。

　　但是网上大部分人开发div+css的时间比table多很多倍，还有一个问题。有网友表示需要写很多代码来适应不同的浏览器。我现在是

　　维修公司网站早期也有这个问题。其实问题在于你是否熟悉div。如果你熟悉 div，它应该不会比 table 慢多少。

　　“W3C规范说Table是用来传输数据的，但并没有指出Table不能用于布局。搜索引擎的收录和网页排名显然不是以表格和CSS定位来衡量的这就是为什么很多传统表格布局网站在搜索结果中排名靠前，而很多使用CSS和Web标准制作的网页仍然排名靠后的原因。因为对于搜索引擎来说，网站结构，内容、相关网站链接等因素始终是网站优化最重要的指标。”

　　《Div+CSS和Table+CSS都是合法的设计，谁更容易使用。根据我的经验，当你可以预见你的内容的格式并且有能力完全控制你即将要显示的内容的显示格式时add ，你应该使用Div+CSS；当你要添加的内容不固定时，你无法预测它的格式。如果你不想页面折叠，使用Table+CSS是一个安全的做法。”

　　同意以上网友的两句话。但无论如何，一定要用css来分隔内容和装饰