插件作者的标准出来了！Manyou诚邀开发者加盟！
“互联网平台开发者”特刊 有奖征集开发者		立即免费下载 Discuz!6.1.0正式版
Discuz! 6.1.0 使用说明		Discuz!NT2.5正式版发布
开放源码下载
UCenter Home 1.2 正式版发布
官方站 | 帮助文档		基于ECShop的网店托管-卖否
PHP就业培训直通车 | LAMP培训大连
Discuz!收费服务内容及价格
《站长》杂志读者调查表
Discuz!/ECShop 专用官方虚拟主机
Insenz最新活动精美礼品大派送！ 		Comsenz 招聘信息
网店系统ECShop v2.6.0正式版火热发布		基于Discuz!的免费论坛空间5D6D
《站长》第七期：2008SNS进行时
12
返回列表 发新话题

Lord

Rank: 4

UID
245095 
帖子
1150 
积分
975 
威望
5  
金币
3 个 
注册时间
2005-9-5 
最后登录
2008-9-21 
1#
打印
tT
anyangbbs 发表于 2006-10-27 03:06 | 只看该作者

DIV+CSS用户体验的一个弊端

DIV+CSS使代码规范、程序维护简单。
但是DIV+CSS在用户体验的问题不得不关注，目前大多数网站都是个人站用虚拟主机或者独立服务器，不可避免地面临着带宽紧缺的问题。而DIV+CSS结构在低带宽的情况下同比传统TABLE布局效率会更低，导致用户体验大打折扣。
其原由不难理解：DIV+CSS强调的是代码分离，即页面布局在CSS文件内定义，通过DIV实现。CSS文件包括了页面中使用的的布局代码。
访问过程，当浏览器请求页面的时候，需要下载CSS文件到缓存后才能达到目标效果。而通常来讲CSS的下载过程将消耗大量的请求时间，在带宽过低或网络不稳定的情况下，CSS还可能停止加载。
在请求过程中用户看到的是空白页面而在请求中断的情况下用户看到是杂乱的内容布局。
这将严重影响网站的用户体验。

04年的时候网站重构的概念就开始在国内得到极大的追捧，如果从代码设计角度来讲，DIV+CSS确有其优势存在。
但是网站构建的质量不应该以技术为唯一衡量标准，在摒弃传统TABLE布局的时候还应该考虑下用户体验。
尤其对于广大个人站长来说，DIV+CSS带来的负面影响不可小视。

结论：合理的TABLE布局比盲目的DIV+CSS更有实际意义
回复 引用

Conqueror

Rank: 3Rank: 3

UID
222355 
帖子
412 
积分
330 
威望
0  
金币
0 个 
注册时间
2005-7-16 
最后登录
2008-10-11 
2#
猪宝贝2004 发表于 2006-10-27 03:12 | 只看该作者
附议~
回复 引用

King

Rank: 6Rank: 6

UID
43790 
帖子
1426 
积分
1351 
威望
6  
金币
100 个 
注册时间
2003-12-12 
最后登录
2008-5-26 
3#
gonewtw 发表于 2006-10-27 09:02 | 只看该作者
本来就是阿
就是一些人盲目的崇拜造成的一味追求div+css
我有一个马甲
我错了，我有罪，我对不起人民，我对不起党，我对不起国家，对不起教导我的前辈，我真的错了，我深刻的认识到了我的错误，我要改过自新，我要重新作人，希望政府能在给我一次机会……
回复 引用

King

Rank: 6Rank: 6

UID
436105 
帖子
834 
积分
1085 
威望
31  
金币
72 个 
注册时间
2006-9-8 
最后登录
2008-10-10 
4#
风幻蓝 发表于 2006-10-27 10:17 | 只看该作者
css文件就一个文本文件而已，为什么“CSS的下载过程将消耗大量的请求时间”？
回复 引用

Member

Rank: 2

UID
232150 
帖子
36 
积分
59 
威望
3  
金币
0 个 
注册时间
2005-8-7 
最后登录
2008-9-18 
5#
fictioner 发表于 2006-10-27 10:20 | 只看该作者
不用操那个心，难道现在还操心1G内存放不下个100K的文件吗
回复 引用

Forum Legend

Rank: 8Rank: 8

UID
63035 
帖子
1323 
积分
7312 
威望
539  
金币
229 个 
注册时间
2004-3-3 
最后登录
2008-7-8 
6#
子扬 发表于 2006-10-27 11:30 | 只看该作者
楼主说的有一定道理，并不是DIV+CSS就一定比TABLE好，简洁的代码和合理的版面布置，其实都能实现很好的效果
有问题发帖，请不要PM我，不能一一回复短信~请大家谅解，有问题发帖问出来，大家一起帮你解决
回复 引用

Discuz!荣誉用户组

Rank: 7Rank: 7Rank: 7

UID
284776 
帖子
1117 
积分
2430 
威望
79  
金币
484 个 
注册时间
2005-12-12 
最后登录
2008-10-5 
7#
zouql 发表于 2006-10-27 11:34 | 只看该作者
原帖由 anyangbbs 于 2006-10-27 03:06 发表
DIV+CSS使代码规范、程序维护简单。
但是DIV+CSS在用户体验的问题不得不关注，目前大多数网站都是个人站用虚拟主机或者独立服务器，不可避免地面临着带宽紧缺的问题。而DIV+CSS结构在低带宽的情况下同比传统T ...
放P呢？
CSS文件下一次就不用再下了，对比用DIV和用TABLE做的页面，DIV页面大小明显要比TABLE的小很多，

不知道你在哪里看到了这个乱七八糟的话！

表格每次都要下载很多累赘，不懂别乱说！误导人。

”CSS的下载过程将消耗大量的请求时间“！
和静态HTML页一样，都是静态的一样的快，就和你在网页中引入一个图片一个道理，因此这句话是在放屁！！！！！！！


而“在请求过程中用户看到的是空白页面而在请求中断的情况下用户看到是杂乱的内容布局。”
这个正是TABLE的 缺点，却被你说成DIV的缺点了

（TABLE里面的内容没有加载完就不会显示DIV不会这样）
结论：无语！！！！！！！！！！！！！！！！！！！！！！！！！！！

[ 本帖最后由 zouql 于 2006-10-27 11:43 编辑 ]
6.1完美的mop chinaren 大杂烩风格！
回复 引用

Forum Legend

Rank: 8Rank: 8

UID
422663 
帖子
1539 
积分
4500 
威望
194  
金币
766 个 
注册时间
2006-8-18 
最后登录
2008-10-11 
8#
天-意 发表于 2006-10-27 11:56 | 只看该作者
呵呵，你用两个站点对比一下，就知道哪个好了！
DIV绝对比表格好！
第一，DIV维护起来，特简单，只修改一个属性，就会完成多个任务。
第二，DIV加载方式和表格不一样。
特别是用大表格里面包围小表格，嘿嘿，大表格里面的全部文件要加载完了，才一下子全部显示出来，让人觉得，打开速度慢，显示100%，还是空白页面，等一下，就全冒出来了，而DIV就不一样，加载多少，就显示多少，让人的感觉，就不一样。

如果你觉得表格比DIV好，那你继续用表格吧！总有一天，你会后悔的！为什么那么多的大论坛，都开始用DIV而不用表格呢！
如果表格好，为什么要去用DIV呢！我看你是偷懒，不肯去学DIV，才说DIV坏话！

你看看DV的论坛，可全是DIV，还有163，都用DIV了。你自己好好反醒吧！

[ 本帖最后由 天-意 于 2006-10-27 11:59 编辑 ]
可乐吧论坛
回复 引用

Forum Legend

Rank: 8Rank: 8

UID
417994 
帖子
3596 
积分
4856 
威望
176  
金币
133 个 
注册时间
2006-8-11 
最后登录
2008-10-12 
9#
jackerbauer 发表于 2006-10-27 12:15 | 只看该作者
原帖由 天-意 于 2006-10-27 11:56 发表
呵呵，你用两个站点对比一下，就知道哪个好了！
DIV绝对比表格好！
第一，DIV维护起来，特简单，只修改一个属性，就会完成多个任务。
第二，DIV加载方式和表格不一样。
特别是用大表格里面包围小表格，嘿嘿 ...
你本来就是提倡的嘛,这样的话你肯定会说
但是各有利弊!
不能说谁好谁不好
AMD Sempron™ 2500+ 1.41GHz     KINGSTON  DDR 400 1.5G
HD ST380011A 7200rpm 80G      CD TSSTcorp DVD-RW 20X
Operating System ：Windows Vista Ultimate OEM
Browser Core：IE7.0   Main Browser：Maxthon 2.0.3.4643
Anti-Virus Software:Kaspersky Anti-Virus Personal 7.0.0.125
回复 引用

Discuz!荣誉用户组

Rank: 7Rank: 7Rank: 7

UID
284776 
帖子
1117 
积分
2430 
威望
79  
金币
484 个 
注册时间
2005-12-12 
最后登录
2008-10-5 
10#
zouql 发表于 2006-10-27 12:18 | 只看该作者
原帖由 jackerbauer 于 2006-10-27 12:15 发表

你本来就是提倡的嘛,这样的话你肯定会说
但是各有利弊!
不能说谁好谁不好
标准不是要你全部DIV，而是哪个用的方便用哪个！
6.1完美的mop chinaren 大杂烩风格！
回复 引用

12
返回列表