DIV+CSS建立的符合web标准网页的好处

2016-02-19 23:34 7 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐DIV+CSS建立的符合web标准网页的好处,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

使用DIV+CSS建立符合W3C标准网站对程序员是有非常多的益处的,我们看如下的八条优势。

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  二、使用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网站来说被将会更容易被搜索引擎所引用。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

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

来源:https://www.tulaoshi.com/n/20160219/1630172.html

延伸阅读
标签: Web开发
Web标准这个词听说好久了,但是到底什么是Web标准呢?我们该如何实现Web标准呢?DIV CSS布局是Web标准吗?实现Web标准到底有什么好处呢? 不知上面这些问题大家以前是怎么认为的,至少我以前很傻乎乎的认为Div CSS布局就是符合Web标准。下面是布鲁斯狼和其老友的一段聊天对话,看完后希望大家在对Web标准的理解上有进一步的提高和认识! 对话一...
标签: Web开发
以下的内容是一位网友的DIV CSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多,如果能在webjx.com与大家共同交流,相信进步就更快了。大家一起努力! 最近在做一个魔术网的div+css切割,昨晚发现了长期以来一直无记录下来的问题!关于兼容IE跟FF的float属性。趁现在还清...
标签: Web开发
当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。   对于IE 6.0及以下版本,以上两条CSS属性均不会被理会。之前处理这种事情,我们往往...
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding...
标签: Web开发
CSS网页布局中不推荐使用的HTML标签,请尽量不要使用这些HTML标签。 Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been (or will be) deprecated; they should not be used. Don't Use These Tags Presentational  b  ...

经验教程

491

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部