div+css
Table的跌落成就DIV+CSS神话
Friday, December 26th, 2008 | SEO技术 | No Comments
越来越多的网站开始用DIV+CSS重新设计，Tabele渐渐让遗忘。但是Div 支持的所有CSS 属性，Table 全部支持，事实上，在Div 大红大紫之前，那些 Div 的早期采用者曾信心不足地表示，Table 能做到，Div 都能，而他们也为自己的话付出了代价，企图在 Div 中实现垂直居中的人明白我的意思，企图在 IE6 中不经 CSS Hack 而实现 100% Div 布局的人更明白我的意思。100% Height 问题，几个 Div 之间的宽度自适应问题，相信任何从事 Div + CSS 设计的人会遇到。Table 在这方面的优势并不是因为它本身多么优秀，而是因为它老牌，没有浏览器敢忽视，也因为它的特性原本如此，人们发明表格，是因为希望数据显示得整齐，就这么简单。
人民对Table的批评很多，但是批评的人是否真的了解Table？
Table代码臃肿吗？
首先，Table 里面唯一无法用 CSS 定义的属性只有 Cellspacing, Cellpadding 几个，其它属性都可以并且应当使用 CSS，这样，剩下的，就是 <table><tr><td> 和 <div> 的对决，我相信一个动辄几十K大小的网页，即使使用了几十个 Table，因此多出来的代码也可以忽略不计，那些埋怨 Table 代码臃肿的人其实该检查自己的编码习惯，能将 Table 写得十分臃肿的人，写 Div 相比也未必会简洁到哪里。
Table页面渲染性能有问题吗？
我使用一台2004年的笔记本电脑，1.6G 的 CPU 与 1G 内存，这种配置下，看不出 Table 布局和 Div 布局在页面渲染上有任何速度差别，其实这点差别即使有，相对网络本身的延迟也可以忽略。
Table不利于搜索引擎优化？
如果你尽可能使用 CSS 而不是 Table 的属性，前面说了，产生的代码和 Div 的差别也不会很大，搜索引擎会歧视 <table> 标签吗，这种说法的依据我至今并没有找到。
Table可访问性差？
这是Table 固有的缺陷，不过多数 Div + CSS 的拥趸似乎并不是基于这个原因才排斥 Table。
Table不够语义
语义Web 的含义要深远得多，并不是仅仅在 Table 和 Div 上纠缠，即使 W3C，也并没有规定 Table 只能用来显示表格数据，很多在 Table 的语义上进行纠缠的人，其实不妨再等等 HTML 5，那才是真正的语义。
本文的目的不是让你丢弃 Div 投身 Table，相反，如果 Div 能满足你的设计需要，Div 仍是首选，但没必要避讳 Table，否则会走入另外一个极端。很多使用 Div 无法简单实现的设计，仍可以使用 Table，当然，不管使用什么，都应该用 CSS 将内容与修饰分离。Div + CSS 和 Table + CSS 都是合法的设计，谁更简单就用谁。根据我的经验，当你能预见你的内容的格式，对你即将加入的内容有能力完全控制其显示格式时，应当使用 Div + CSS；当你即将加入的内容是不固定的，你无法预见其格式，如果不想让页面坍塌，使用 Table + CSS 是一种保险的做法。
div+css的优缺点分析
Thursday, September 18th, 2008 | SEO技术 | No Comments
随着WEB2.0标准化设计理念的普及，国内很多网站已经纷纷使用DIV+CSS改版，是什么样的优点让大家不遗余力地用这种结构改版自己的网站，CSS+DIV到底有那些优点和缺点呢？下面我们就来谈谈。
优点：
一、加快页面载入速度
由于所有控制页面格式的代码都写在了CSS当中，使得页面体积容量变得更小。同时DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，必须全部加载才能显示。
二、节省流量
CSS页面只载入一次，不用每个页面加载，能最大限度地节省流量。
三、改版更加方便
由于使用了DIV+CSS制作方法，只需更改CSS文件即可对网站的式样进行更新。
四、保持页面统一
以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。
五、对搜索引擎更加友好
由于页面没有多余的代码，便于搜索引擎收录和优化。
六、对浏览器兼容性更好
由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。
缺点：
一、学习难度加大
由于还没有很好的可视化编辑工具，CSS成为初学者的一道难关，网站设计成为面对代码的编程，学习难度加大。
二、页面载入问题
CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。
三、浏览器兼容性问题
虽然说DIV+CSS解决了大部分浏览器兼容问题，但是由于每个浏览器解析CSS的方式不同，也会在部分浏览器中使用出现异常。比如在IE中显示正常的页面，到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题，但是可以说在目前来看，DIV+CSS还没有实现所有浏览器的统一兼容。
综合以上讨论的DIV+CSS优势和劣势，我认为不可盲目跟风，如何更有效、更合理的运用WEB2.0设计标准，这需要很长时间的学习和锻炼。而如何将DIV+CSS运用的更好，这需要通过不断的实践和体检，积累丰富的设计经验，才能很好的掌握这门技术。
 |
 |
 |
 |
 |
 |
 |
