我是如何从table转向div的

作者：Adam 来源：本站浏览：发布时间 2010/07/22

和很多人一样，刚开始网页设计的时候我也是使用div布局，当时记忆尤为深刻的就是面对数量庞大的table时发怵。相信很多朋友跟我一样，特别是面对表格套表格的时候，那真是一种痛苦的经历。而且，有一次给客户制作网页的时候，发生了一件令我非常难看的事情：由于表格嵌套太多以及程序紊乱，导致网页执行非常慢，IE进程的CPU占用常常达到90%以上。从那时候开始，我就立下决心想办法改变现状。那是08年初，我刚开始学网页设计的时候。

后来，在跟几个同样网页设计的朋友聊天的时候，知道了DIV（他们虽然知道，但是依然摆脱不了使用表格），于是我暗下决心，决定使用DIV来布局。在刚开始的时候，确实有点不太习惯，但是随着代码的敲击，慢慢的开始了享受DIV+CSS布局的过程。

刚开始学习div的过程很简单，从最基本的html代码开始，并且div与css不分离，这样做的好处就是直观，能够马上预览到效果。因为仅仅只是练习，所以并没有过多的考虑其他例如搜索引擎优化的问题，当时也没有着方面的概念。后来，随着对div和css的熟悉，样式和html代码可以分离了，头脑中对css要达致的效果基本上有个概念了。这个时候，我就开始尝试着使用div+css做一个自己的网站，用以验证自己的div+css布局能力。

于是找来一个开源的CMS，用div做模板，然后调用。很快，这个验证div技术的网站就做好了。在输出的时候，留意了一下页面大小：20K，当时非常非常的高兴，因为对比以前动辄50～80K的页面，明显的缩小了很多。当然，打开页面的速度也是非常理想的。从这时候开始，我制作的所有网站都开始使用DIV+CSS布局了。

下次聊聊DIV+CSS布局对SEO的好处。

本文网址：http://www.adamsem.com/webdesign/how-do-i-Changes-from-the-table-to-div.html

<< 网页设计的两种风格流派html5标准新特性 >>

最吸引网友眼球TOP10

2010-09-05几款开源CMS系统推荐
2010-08-16懒人助手：Table转div+css工具Tabl
2011-07-04RGB色值对应表
2010-06-28CSS3带给我们的震撼
2011-02-26Wordpress头部代码精简
2010-09-17IE9发布，本工作室网站设计不再支持
2011-05-18h1标签的正确用法
2011-03-08解决dedecms首页默认带index.html的
2011-04-27未知高度div+css自动垂直居中
2011-06-015uCMS频道页分页

随机阅读

2010-09-08网站优化应适可而止
2011-01-15我们拒绝低价SEO服务
2011-07-04RGB色值对应表
2010-07-01html5标准新特性
2010-09-24节后网站优化工作恢复
2011-03-05如何用好rel="nofollow"
2011-10-10淘宝网络营销只能赔本赚吆喝吗？
2010-08-10网页设计的两种风格流派
2010-10-09给那些立志于网站优化的新手的忠告
2011-04-15什么是ROI
2012-04-26SEO，还有没有前途？
2010-08-23像玩CS一样去做SEO
2010-12-13搜索引擎惩罚：降权、K站
2011-05-20百度520大更新的说明
2010-09-05几款开源CMS系统推荐
2011-01-04网站是做给谁看的
2011-06-22百度是如何实现地域搜索的
2010-06-27什么是关键词——SEO基础知识
2010-09-18百度搜索营销认证考试
2011-03-01我们有自己的坚持

我是如何从table转向div的

Adam推荐阅读TOP10

最吸引网友眼球TOP10

随机阅读