网站建设的时候为什么要采用DIV+CSS重构。
小编现在还发现很多网站使用table,其实div+css已经出现很多年了,比起table已经有了很大的优越性,最起码的一点发现没有,div的网站 可以下载一部分显示一部分网页,而table不行,必须下载了整个网页才会显示,这样就不容易让客户快速关闭网站,已经打开就能看到一部分,不至于什么都 看不到,不给客户一个无聊或者等待的时间。这无形中就提高了网站的用户体验,也给用户留下了一个好的印象,这还只是说到一点,其实好处远不止这些,
如果你给老外做网站,他一般都会要求你的作品是DIV+CSS的。DIV+CSS重构过的网站主要体现在以下几个方面,更多请参考网站使用DIV+CSS布局有什么好处
1、结构清晰:是指网页源代码的结构清晰,不是指客户端显示出来的网页。很多人觉得网页源代码结构清晰有什么用呢?用户又不会看你的网页源代码!确实, 这个观点是成立的,但是结构清晰的网站代码将更加有利于搜索引擎抓取有用的信息,而且在进行团队开发的时候更有利于流程和标准的统一、有利于开发团队相互 配合,特别是在进行网站改版和结构调整的时候。
2、下载速度:DIV+CSS避免了烦琐、重复的表格属性和表格嵌套(Table嵌套),避免半天打不开网页的情况,而且结构化的、清晰的代码可大大的减少网站代码繁琐度,本身体积也会变得更小,从而获得更快的下载速度。
3、易于改版和更新:DIV+CSS采用的是“表现和代码分离”的模式,这在网站改版和网站更新的时候就表现得特别明显,所有的内容信息包含在网页里, 而布局及设计元素全在css文件里,如果要进行网站结构调整的话,我们根本无需要进行网页和程序的更新,只需要更换CSS文件即可!
特别值得说明的是:在一些Web2.0网站建设中,DIV+CSS采用的“表现和代码分离”模式就是必须的了,比如百度空间(blog),如果不采用DIV+CSS用户根本无法象现在这样灵活的定义自己空间/Blog的布局和风格。
4、搜索引擎优化:几乎所有搜索引擎优化网站都采用DIV+CSS布局,因为“有效关键词占网页总代码的比重”一定会影响到搜索的结果和效果。而采用 DIV+CSS避免了Table嵌套层次太多无法被搜索引擎抓取的问题;而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取,在网络营销型网站 建设中,这点是非常重要。
个人认为DIV+CSS有太多的误区:很多人认为用DIV替换掉Table就是DIV+CSS网站了, 这是一个很大的误区,也是很多人初学者都会做DIV+CSS、但却做不好的原因。DIV+CSS其实不是一个形式的问题,而是理念问题。DIV+CSS向 我们传达了“区块”、“表现和代码分离”的网站设计理念,因为绝大多数XHTML标签都可以被我们通过CSS定义为块,并且赋予丰富的表现形式。但就是这 样的模式,让我们可以统一的、标准的、结构化的使用XHTML标签,其意义才可以表现出来。
|