CSS初学者入门:运用table规划网页不明智
日期：2013-12-30 浏览次数：20993 次
网页制造aiyiweb文章简介：使用Table规划页面为什么是不明智的？
使用Table规划页面为什么是不明智的？
大家看到标题，不要误解认为在页面中不能使用Table，而是可以使用Table，但是尽量不要用Table去规划页面，为什么这么说呢，由于使用Table规划页面会使页面得到灵活性，怎样个灵活法呢，比如今天你好不容易做出来的页面，第二天老板说我不喜欢登录模块放到左边，还是放到左边，通知板块放到右侧去，页面风格最好一个月换一种，如果遇到这种老板，提出这种要求，并且你的页面是用Table规划的，那么你会崩溃的，任务量那是大大滴~，如果不置信的话，你们本人可以找个页面，用Table规划出来，然后变换板块和风格，你就会体会到Table规划的不灵活性，这是为什么呢，由于Table的诞生是为存储数据用的，功用和Execel差不多，不是用来规划用的，只不过后来大家发现用Table可以把想放的页面元素，比如图片，放到任何本人想放的地方，且做出来的页面可以兼容多种浏览器，于是Table就承担起了规划页面的重担，这一做就是好几年... ...直到Web2.0时代的到来，Table才从规划页面的任务中逐渐解脱，专心的去存储数据^_^
既然Table是为存储数据诞生的，那谁的诞生是为了页面规划呢？
答案就是:DIV，DIV就是为规划页面而诞生的，只不过不断不被人认同，缘由就是DIV去规划页面需求CSS的配合，使用比较繁琐，还不如Table拖拖拽拽页面就规划OK了，感觉还不如Table方便，从而DIV被人们放置在一个无人问津的昏暗角落里，暗暗的等待着伯乐的出现，直到2003年美国加州Scott Design公司参加了在旧金山举办的有关网页排版和设计的一个研讨会上的演讲，使DIV看到了阳光，走出了阴霾... ...
说了那么多，我们对比一下Table规划页面和DIV规划页面的优缺点
网页前台只需求显示内容就行，方式上的美工交给CSS来处理。生成的HTML文件代码精简，更小打开更快。
这个是DIV+CSS技术最明显的特点，也是CSS存在的本源。完全的颠覆如今传统（table）网页设计的技术。所有如今用table制造的内容，都可以用CSS来处理掉，而且处理的更完满，更强大。不需求大家再表格套表格，让生成的网页文件大小更精简，更小。table时代，一个页面表格达到10个以上是非常普遍的事情，但是如今用DIV+CSS，一个table都可以不用，就完全达到之前的效果，这就直接导致网页文件大小比使用table时减少50%-80%，更节约各位站长的硬盘空间，访问者打开网页时更快，而且用div+CSS时，不像以往使用table时，必须把全部table读取完了才显示页面内容，如今是可以读一个div就显示一个效果，大家打开网页不用等。好处真是明显而强大。
这个优点的确是明显的，凡是使用传统table建的网页，内容多的话，有时候达到30K左右都有可能，文件打了打开时，肯定就有0.0几秒的延迟。使用DIV+CSS，你前台打开看到的全是直接内容，CSS文件都是导入链接的，是另一个文件，基本和HTML文件大小没关系，这种生成的HTML文件，一个也就10K左右大小。
第二点，改版网站更简单容易了
不用重新设计排版网页，甚至于不用动原网站的任何HTML和程序页面，只需求改动CSS文件就完成了所有改版。
DIV+CSS对于门户网站来说改版就像换件衣服一样简单容易，改版时，不用改动全站HTML页面，只需求重新写CSS，再用新CSS覆盖以前的CSS就可以实现改版了。方便吧。
第三点，搜索引擎更敌对，确实能够对SEO起到一定的协助。
通过DIV+CSS对网页的规划，可以让一些重要的链接、文字信息，优先让搜索引擎蜘蛛爬取。这对于SEO也有协助。
综上所述，团体感觉DIV+CSS不能太迷信它的很好很强大，它作为制造网页，美化网页的一个重要辅助是很强大方便的。可以弥补table制造框架和表格时的很多不足和美工上的缺点，但是完全只用它来做，太费时费力，对于全国中小型网站长来说，真的不太适合。我团体觉得用table+DIV+CSS是最好的组合，也是最省时省力的办法。
还需求再说明一下，本节讲得是Table规划页面和CSS规划页面的问题，讨论的是“规划页面”上用谁更好，并不是说在CSS规划的页面内不能用Table，真正厉害的人物是DIV、Table、CSS用得恰到好处，他们三个各做各的事情，DIV规划页面，Table存储数据，CSS给页面穿衣服！
大家看到标题，不要误解认为在页面中不能使用Table，而是可以使用Table，但是尽量不要用Table去规划页面，为什么这么说呢，由于使用Table规划页面会使页面得到灵活性，怎样个灵活法呢，比如今天你好不容易做出来的页面，第二天老板说我不喜欢登录模块放到左边，还是放到左边，通知板块放到右侧去，页面风格最好一个月换一种，如果遇到这种老板，提出这种要求，并且你的页面是用Table规划的，那么你会崩溃的，任务量那是大大滴~，如果不置信的话，你们本人可以找个页面，用Table规划出来，然后变换板块和风格，你就会体会到Table规划的不灵活性，这是为什么呢，由于Table的诞生是为存储数据用的，功用和Execel差不多，不是用来规划用的，只不过后来大家发现用Table可以把想放的页面元素，比如图片，放到任何本人想放的地方，且做出来的页面可以兼容多种浏览器，于是Table就承担起了规划页面的重担，这一做就是好几年... ...直到Web2.0时代的到来，Table才从规划页面的任务中逐渐解脱，专心的去存储数据^_^
既然Table是为存储数据诞生的，那谁的诞生是为了页面规划呢？
答案就是:DIV，DIV就是为规划页面而诞生的，只不过不断不被人认同，缘由就是DIV去规划页面需求CSS的配合，使用比较繁琐，还不如Table拖拖拽拽页面就规划OK了，感觉还不如Table方便，从而DIV被人们放置在一个无人问津的昏暗角落里，暗暗的等待着伯乐的出现，直到2003年美国加州Scott Design公司参加了在旧金山举办的有关网页排版和设计的一个研讨会上的演讲，使DIV看到了阳光，走出了阴霾... ...
说了那么多，我们对比一下Table规划页面和DIV规划页面的优缺点
使用表格进行页面规划会带来很多问题：
* 把格式数据混入你的内容中。这使得文件的大小无谓地变大，而用户访问每个 页面时都必须下载一次这样的格式信息,带宽并非免费。
* 这使得重新设计现有的站点和内容极为耗费劳力 (且昂贵)。
* 这还使我们保持整个站点的视觉的分歧性极难，花费也极高。
* 基于表格的页面还大大降低了它对残疾人和用手机或 PDA 浏览者的亲和力。
而使用CSS进行网页规划，它会：网上有一篇文章，转过来，文章着重引见DIV三点优势,也许看完文章后，就像社区元老heflyaway说的感觉作者比较迷恋Table，每篇文章都不可避免的带有团体色彩，而转出来的目的，其实就是想给大家降降DIV+CSS的温度，免得“走火入魔”，视DIV+CSS是为万能的，如果想学好CSS规划页面，就要从多个方面看它，好了，不多说了，下面是作者对CSS规划页面的三点优势及理解：
* 使你的页面载入得更快
* 降低你的流量费用
* 让你在修正设计时更无效率而代价更低
* 协助你的整个站点保持视觉的分歧性
* 让你的站点可以更好地被搜索引擎找到
* 使你的站点对浏览者和浏览器更具亲和力
* 在世界上越来越多人采用 Web 标准时，它还能 提高你的职场竞争实力 (理想上也就是降低失业的风险)。
1、内容和方式分离，网页前台只需求显示内容就行，方式上的美工交给CSS来处理。生成的HTML文件代码精简，更小打开更快。第一点、内容和方式分离
2、改版网站更简单容易了，不用重新设计排版网页，甚至于不用动原网站的任何HTML和程序页面，只需求改动CSS文件就完成了所有改版。对于门户网站来说改版就像换件衣服一样简单容易。
3、搜索引擎更敌对，排名更容易靠前。
网页前台只需求显示内容就行，方式上的美工交给CSS来处理。生成的HTML文件代码精简，更小打开更快。
这个是DIV+CSS技术最明显的特点，也是CSS存在的本源。完全的颠覆如今传统（table）网页设计的技术。所有如今用table制造的内容，都可以用CSS来处理掉，而且处理的更完满，更强大。不需求大家再表格套表格，让生成的网页文件大小更精简，更小。table时代，一个页面表格达到10个以上是非常普遍的事情，但是如今用DIV+CSS，一个table都可以不用，就完全达到之前的效果，这就直接导致网页文件大小比使用table时减少50%-80%，更节约各位站长的硬盘空间，访问者打开网页时更快，而且用div+CSS时，不像以往使用table时，必须把全部table读取完了才显示页面内容，如今是可以读一个div就显示一个效果，大家打开网页不用等。好处真是明显而强大。
这个优点的确是明显的，凡是使用传统table建的网页，内容多的话，有时候达到30K左右都有可能，文件打了打开时，肯定就有0.0几秒的延迟。使用DIV+CSS，你前台打开看到的全是直接内容，CSS文件都是导入链接的，是另一个文件，基本和HTML文件大小没关系，这种生成的HTML文件，一个也就10K左右大小。
第二点，改版网站更简单容易了
不用重新设计排版网页，甚至于不用动原网站的任何HTML和程序页面，只需求改动CSS文件就完成了所有改版。
DIV+CSS对于门户网站来说改版就像换件衣服一样简单容易，改版时，不用改动全站HTML页面，只需求重新写CSS，再用新CSS覆盖以前的CSS就可以实现改版了。方便吧。
第三点，搜索引擎更敌对，确实能够对SEO起到一定的协助。
通过DIV+CSS对网页的规划，可以让一些重要的链接、文字信息，优先让搜索引擎蜘蛛爬取。这对于SEO也有协助。
综上所述，团体感觉DIV+CSS不能太迷信它的很好很强大，它作为制造网页，美化网页的一个重要辅助是很强大方便的。可以弥补table制造框架和表格时的很多不足和美工上的缺点，但是完全只用它来做，太费时费力，对于全国中小型网站长来说，真的不太适合。我团体觉得用table+DIV+CSS是最好的组合，也是最省时省力的办法。
还需求再说明一下，本节讲得是Table规划页面和CSS规划页面的问题，讨论的是“规划页面”上用谁更好，并不是说在CSS规划的页面内不能用Table，真正厉害的人物是DIV、Table、CSS用得恰到好处，他们三个各做各的事情，DIV规划页面，Table存储数据，CSS给页面穿衣服！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
