- 谈谈网页的DIV
王志勇 发表于 2007年01月14日 16:06昨天和JunChen先生谈了DIV，今天顺便在Google搜索了一下DIV，自从Blog这两年热起来以后，DIV它已经被广泛应用了。
我写HTML到现在已经6年了，看到很多国外Blog对HTML、CSS、XML的讨论，与我的思路有些不一样，但还是坚信自己的代码也符合某种标准。这6年中，我从来没有用过<div>，都是用<table>和<p>。我之所有没有使用过<div>，是因为2001年初我刚接触div的时候，是用FrontPage产生的position:absolute，这样会产生分辨率的问题，所以没有关注过、学习过DIV，而用标准的<table>。
我觉得<div>没有包含在一个大的<table>第一的好处是网页可以一边下载一边打开，提高网页显示速度，其次是通过修改样式表可以改变某区域的风格。使用不使用<div>目前我觉得差别不大，只是习惯问题吧，大家觉得呢？当然，也许<div>会有让开始我热衷的一天。
15条评论：1 大郎 2007-01-14 18:43
关于DIV排版，据我这两年以来的使用经验来看
1，提高网页显示速度是明显看得到的，特别是像自由勇这种三列结构（如果我们用TABLE排版的话，首先是想到当前结构是用TD来排，此为假如），如果用三个TD的话，那么显示肯定会等到当前的table最后的</table>才会显示，这是在速度上首先明显的优势；
2，方便重构，如果我们的DIV结构是合理的话，那么我们下次在用CSS就能极大地改变一个网站的外观，比如现在BLOG的换扶技术，我一向主张用切换CSS来改变，而尽量不考虑改变页面的HTML。如果我们用TABLE来排的话，那么重构在很大的限制，我主要认为TABLE做出的HTML结构太硬；
3，其实也不能叫DIV排版，我认为，应叫DIV+CSS，CSS真是个好东西，其实在CSS的世界里把任何东西都变掉了，CSS有时会根据需要把span当做块状结构来处理，任何东西都在CSS里可以被改变，这个不用我多说了，自由勇已经精通CSS了，想必；
4，是CSS帮助了DIV，如果这里用P来代替DIV，在大多时候是一样的效果，其实，为了将表现与数据分离，最终还是为了重构，我认为。
5，如果DIV排版做熟了，我认为应该将DIV排版取代TABLE来排版页面结构，除非结构化的数据，比如一组报表数据就没有必要用DIV来做。哈哈，说多说了，2007年过了半个月了，俺还在上海找工作。:) 怕是大过年的没人要了。-__-
新年快乐。 ^_^
4 baobao 2007-01-15 15:00
http://www.stopdesign.com/articles/throwing_tables/
看看这篇文章，作者分析了微软站点和使用IE和别的浏览器的区别5 Wady 2007-01-15 17:03
6年前我也习惯用 table 来布局，甚至用复杂的嵌套表格然后填色来做图案。后来因为学业以及贪玩，近3年没有接触过网页标准，直到06年年初正式触博。一开始就喜欢上了 div+CSS 的方式。不过 DIV 也不是万能的，一个优秀的页面我想都要把标签用在适当的位置，用 div 划分主结构，用 P 划分内容段落，用 ul 做简单列表，用 table 做表式固定格局。7 自由勇 2007-01-17 00:04
我在Google上找了一些相关的文章，DIV+CSS最大的好处就是提高网页显示速度，还有就是像大郎兄提到的“网页重构”，也就是排版。Clear(cnrui.cn)写了一篇《Div+CSS ≠ Standard》，让我很有启发。在CSS方面，相信各位老用户也已经都炉火纯青了。我刚看了很多个英文Blog的HTML代码，全是用DIV+CSS，而不用table。我想，是不是wordpress、sixapart在为用户提供公用版的时候，才会使用DIV+CSS，方便用户“网页重构”，就像大郎兄第2点提到的。
不用DIV+CSS而用传统的table的好处，就是已经习惯这种思维了。我一直使用上下表格分开的方法来提高网页显示速度，并且因为代码简洁，再加上宽带速度快，如果客户端网络正常的话，无论使用table还是DIV+CSS，都会在1秒内显示第一个表格或者DIV，3～5秒下载完毕，我编写的很多网页中是看不出太大区别的吧，比如我这个Blog。“网页重构”的话，我觉得表格也是不难处理的，虽然查找width要麻烦一些。
不过DIV+CSS确实像你说的，能在瞬间改变某区域宽度，容易调整。8 自由勇 2007-01-17 00:24
刚看了一下Intel、Microsoft的首页，已经全部是div元素，没有table元素；英文Yahoo使用div+table，div在table之外；IBM主要使用table，其div元素放在td之内；Apple网站的div在table之外。
特别是像IBM、Apple、Intel这种纵向结构的页面，使用表格是没有问题的，也是恰当的。
像三大门户网站有左侧导航的，可以用div。大家觉得呢？9 自由勇 2007-01-18 10:17
Trackback来自 《Sogua.com访问速度测试》Sogua使用了DIV+CSS，所以网页显示特别快。前几天，我们对DIV+CSS做了一些讨论。Sogua首页的网页文件是48K，加上图片、Flash文件、js文件，总共598K。我这边是深圳电信ADSL，3M的速度，在清空IE临时文件夹的情况下，我家里的电脑，Sogua的首页可以在1秒内全部下载完毕，让人觉得不可思议，因为我这边平时最快能达到250K/s；公司的电脑，2M的速度，Sogua的首页在1～3秒内下载完毕。
12 Casper 2007-01-25 13:44
首先祝楼主能早找到领钱的地儿！干了将近3年程序员，网页一直用EclipseLomboz写，遵循严格的xml标准，标签配对，包括大小写，保持lomboz的校验器没有错误提示，页面也都是手写，当然编辑器给了很大的方便。现在头儿要求用div写页面了，一下子还真有点不知所措。本来各种浏览器的浏览效果已经是有差别了，这下子再来个CSS，未来如何？未来如何？div+css有图形化开发的工具吗？实在是不愿意手敲代码了~~~13 puma 2007-01-25 20:08
很是奇怪，我在google查找关于wordpress中插入表格的问题，居然会来到这里来。其实我希望能在wordpress中做一个可以用css控制的表格的。最后做成plugin的样子的。不过看样子很难啊。我在想是不是可以插入div 然后在wordpress中的模板用css来控制呢？可能你们没有用过wordpress，如果用过就好了，给我一点意见 ^_^.14 自由勇 2008-02-15 10:01
Trackback来自 《再谈DIV+CSS》这几天仔细研究了一下DIV+CSS，它的应用确实很不错，入门也较快。了解和学习DIV+CSS的最好方法就是，找一个最简单的教程，然后多练习几次，熟悉了这个原理，就能举一反三。DIV+CSS是近一两年开始在国际上流行起来的，很多共享的Blog程序，都是使用DIV+CSS的代码布局。
(点击申请) 文章分类 Category：
Blog的发展 Development
为什么写博客 W-do we Blog
互联网 Internet
社会 Society
教育 Education
BBS社区研究 Community
编程 Program
友人 Younet
QQ研究 QQ Research
公告 Announcement最新的评论 Comments：
» 毁谤别人的匿名者
» 一家门户网站的博客管理
» Entropay(欧贝
» 又一位不可思议的扮音天
» Google搜索结果在
» 声卡无声硬件排除一例
» 如何关闭ixwebho
» 今天值得纪念的数字近期的主题：
2012-01-26：多了解一些信息没有坏处
日益低效的快递
关于香港地铁吃东西事件的翻译
2012-01-15：怜悯和爱
惨不忍睹的网站空间(人为造成)
QQ空间不能发表日志/说说/微博解决一例
新年的钟声敲响了
惠州之印象
2011-10-20：最近4个不好的用户体验
女童遭辗压无人帮助视频之感想
网络才是真实的，现实一切都是幻象
本博客的程序有发布的计划
真正的神曲和一些圣乐分享和回顾
Go Daddy的97.74 IP段又被大规模killed
时间过得很快
国外的域名查询也不安全
祝我31周岁生日快乐
有关国内近两年史无前例的清晰的UFO
Android(安卓)平板电脑的使用体验
2011-08-24：经验 & 近期动态
2011-08-03 养花
2011-06-18
2011-06-02：同龄人年轻程度却相差10岁
2011-05-28：随谈(浅谈)中英文输入速度
Go Daddy空间切换系统更换IP时现在需要慎选4GH主机
2011-05-18：随谈现实与理想(8)
随谈：2011-05-18 贴吧与新闻评论的管理
随谈：2011-05-13 心情很沉重很沉重
随谈：2011-05-08 有良知的人会提升
博客不应大量转载
随谈：2011-04-28 通过网络调查真相当中的一个途径之一
有关UFO与2012的谦卑交流与解答(1)
cPanel的主机网页长时间500错误解决一例王志勇(自由勇)：程序设计。
公历1980-09-26 天秤座 32岁
联系我：信息反馈、留言板。
版权声明：本博客所有文章，均符合原创和创作共用的定义，禁止转载，违者将必究；正确的方法是贴原文的标题和网址即可。
与此相关的链接
和平海底2 | Auciou | 自由勇专栏
公益：UFO与真相研究交流区
Gratitude | TimeBlog存档 Archives
2012年01月(N)
2011年10月(8)
2011年09月(4)
2011年08月(2)
2011年06月(2)
2011年05月(6)
2011年04月(10)
2011年03月(16)
2011年02月(16)
2011年01月(15)
2010年12月(12)
2010年11月(9)
2010年10月(3)
2010年05月(4)
2010年01月(7)
2009年12月(10)
2009年11月(4)
2009年10月(8)
2009年09月(24)
2009年08月(20)
2009年07月(6)
2009年06月(11)
2009年05月(16)
2009年04月(20)
2009年03月(29)
2009年02月(18)
2009年01月(15)
2008年12月(17)
2008年11月(10)
2008年10月(13)
2008年09月(8)
2008年08月(4)
2008年07月(5)
2008年06月(9)
2008年05月(12)
2008年04月(15)
2008年03月(26)
2008年02月(22)
2008年01月(29)
2007年12月(30)
2007年11月(28)
2007年10月(30)
2007年09月(8)
2007年08月(8)
2007年07月(21)
2007年06月(23)
2007年05月(31)
2007年04月(34)
2007年03月(29)
2007年02月(18)
2007年01月(41)
2006年12月(23)
2006年11月(10)
2006年10月(10)
2006年09月(29)
2006年08月(33)
2006年07月(17)
2006年06月(30)
2006年05月(4)
2006年01月(3)
2005年09月(4) - Copyright © 2006-2012 auiou.com All rights reserved.
此Blog程序由王志勇编写
