网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.revealTrans滤镜制作超弦图片的播.
.web标准化设计:常用的CSS命名规.
.IE7对css选择器的改进.
.css的链接美化.
.门户网站与大型网站的CSS架构与组.
.css层固定位置练习.
.样式表CSS中div、span和center元.
.文字超出显示省略号==CSS制作.
.CSS+DIV网页特效欣赏:非常酷的角.
.使用 CSS 创建固定宽度的布局.
.CSS中常用的单位.
.CSS+js放大镜.
.DIV+CSS技术是否适合中国中小网站.
.CSS教程:简化CSS中属性的示例.
.CSS Hack兼容大全,令您的网页能正.
.让IE浏览器即时刷新CSS样式.
.CSS+JS实现的选项卡效果(html组件.
.CSS属性中Display与Visibility的.
.一个针对IE7的CSS Hack.
.全面了解CSS内置颜色(color)值.

DIV+CSS建立标准WEB网页的好处

发表日期:2008-10-31


  一、使用div的方式进行程序的嵌套,特别是使用php这样的代码嵌套,可以减少出现像table中那样繁重的代码,对于页面嵌套可以减少因table代码而带来的问题。

  二、使用div对于设计使用AJAX等的时候,可以减少Javascript代码对于页面控制时候的复杂度,因为使用table的时候,层次关系最起码有三层,table-tr-td以上,而使用div则基本上只有两层(div-div)的概念。

  三、用div对于页面的定位更准确,因为使用div的代码的宽度高度等都使用css或者页面的style方式控制,即在需要修改一个框(box)的大小、位置时候,可以直接修改css的代码或者该标签的style代码即可实现。而几乎不用修改其他代码,但是使用table的情况下,则可能会因为table的位置出现变动,而影响到对整片代码的修改。

  四、在页面效果来说,由于Firefox等浏览器再对table方面进行了很多的优化,才使得目前firefox在处理页面的输出时候可以这么接近IE的效果,但是在对于一些table的排版,用firefox 会存在一下莫名起码的以为等问题。这些问题在IE中可能不存在,但是在使用Firefox等其他引擎的浏览器就可能会出现了。

  五、就是输出的代码将更小。由于使用div进行页面代码的组织,而布局由CSS等文件进行控制,因此从输出的html中产生输出的代码要一般比使用table的页面少70%。从系统的负载上考虑,将会更好解决因为代码上面的损耗,对维护系统的稳定起到一定的帮助。

  六、更方便搜索引擎的搜索,目前的搜索引擎只是对页面的代码进行分析,因此页面代码更小而且有语意页面,搜索引擎的效能会更高,用户的文字信息会更容易被搜索引擎进行收集,对于web网站来说被将会更容易被搜索引擎所引用。

  七、无可避免,在页面的一些位置,我们还是依旧使用table方式表现,比如说一些商品列表,订单列表,提交表单等,我们依旧使用table的方式来实现,因为对于这样的表格表现形式,使用div实现时候还不太成熟。

  八、最后W3C标准是目前网站开发的主流,作为专业的web开发团队,哪有理由不使用这种技术呢!

上一篇:CSS公用文件 人气:1090
下一篇:最全的CSS浏览器兼容问题 人气:779
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐