CSS布局教程

基于web标准的网站设计指南

« 通用元素div和span使用span元素和id元素 »

使用div元素

网页设计的第一步就是构思,这无论是对于传统表格布局,还是对于目前比较流行的xhtml+css布局都是必须的,不要认为标准网页布局一切都与传统网页布局相左,好的设计一般都需要把页面构思用photoshop或fireworks等图片编辑器把界面布局简单的勾画出来,对于设计师来说,草图应尽可能详细,这对于后期的代码编写会节省很多宝贵的时间,也少走很多弯路,有时为了实现某种必要的显示效果而嵌套很多层,这样网页元素的功能性就会与功能性发生冲突,怎么解决这个冲突,又如何平衡功能与功用的关系?下面就此话题与读者一起讨论div的多层嵌套问题。
div元素作为布局的主要元素,它与表格一样是可以嵌套的,这种嵌套层级也是没有限制的,但能不能就无节制的任意使用div嵌套呢?使用表格布局时候设计师常常会告诫自己不要把嵌套层级设计的太深,一般超过三级就会敲响警钟,浏览器解析时候是不是要慢了。
表格如此,div也不例外,因为浏览器对于任何元素的解析方式都是一样的,一般都是从最里层开始,然后不断的向外解析,当嵌套层级很深时候,将会使浏览器消耗更多的资源对嵌套关系进行解析,势必会影响浏览器的显示速度,另外,搜索引擎对于嵌套的层级也有一定的限制,超出嵌套限制将会影响搜索引擎的搜索率,同时对于设计师自己来说过度div元素嵌套也会使代码的可读性大大降低。医用灭菌袋 灭菌袋封口机  硅橡胶印模材  齿科针
我们知道浏览器对于表格的显示时解析完所有嵌套表格之后才会显示整个表格的内容,div元素虽然是解析一个显示一个,但增加一层嵌套肯定会给浏览器的显示带来负担,实际上,我们把body元素作为一个外套。这样就能充分发挥body的作用,避免现成元素的浪费。天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
总之,在我们大力提倡尽力减少div元素的多层嵌套时候,是针对当前网页设计师乱套div元素现状而说的,但并不等于谈套色变,必要的嵌套是应该的也是必须的。
在div元素结构的功能性与div元素的显示的功用性发生冲突时候,相信不同设计师都有自己的判断标准,有人把网页结构设计得是否简洁来作为标准来衡量设计师的设计水平,而有些设计师希望用最少的css代码实现更易控制的结构,这是一个很重要的课题。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号