请选择 进入手机版 | 继续访问电脑版
 找回密码
 注册

QQ登录

只需一步,快速开始

青云安全服务中心

搜索
查看: 5396|回复: 0

DIV+CSS网页布局对于网站的好处

[复制链接]
发表于 2016-3-10 09:53:36 | 显示全部楼层 |阅读模式
DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。博达软件认为提起DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML(标准通用标记语言的子集)基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。
“DIV+CSS”其实是错误的叫法,而标准的叫法应是XHTML+CSS。
Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。
CSS是CascADIng style Sheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
因为DIV与Table都是XHTML或HTML语言中的一个标记,而CSS只是一种表现形式。也许其提出者本意并没有错,但是跟风者从表现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,都在搞一场技术“革命”,就是所谓“网站重构”,说简单点就是DIV+CSS进行网站制作。用DIV+CSS代替传统的Table制作框架和美化页面。
在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
1、内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给CSS来处理。生成的HTML文件代码精简,更小打开更快。
这个是DIV+CSS技术最现著的特点,也是CSS存在的根源。完全的颠覆现在传统(table)网页设计的技术。所有现在用table制作的内容,都可以用CSS来解决掉,而且解决的更完美,更强大。
采用DIV+CSS布局使代码很精简,table时代,一个页面表格达到10个以上是非常普遍的事情,但是现在用DIV+CSS,一个table都可以不用,就完全达到之前的效果,这就直接导致网页文件大小比使用table时减少50%-80%,更节约硬盘空间,访问者打开网页时更快,而且用div+CSS时,不像以往使用table时,必须把全部table读取完了才显示页面内容,现在是可以读一个div就显示一个效果,大家打开网页不用等。好处真是明显而强大。
2.改版网站更简单容易了,不用重新设计排版网页,甚至于不用动原网站的任何HTML和程序页面,只需要改动CSS文件就完成了所有改版。
DIV+CSS采用的是“表现和代码分离”的模式,这在网站改版和网站更新的时候就表现得特别明显,DIV+CSS对于门户网站来说改版就像换件衣服一样简单容易,所有的内容信息包含在网页里,而布局及设计元素全在css文件里,如果要进行网站结构调整的话,不用改动全站HTML页面,只需要重新写CSS,再用新CSS覆盖以前的CSS就可以实现改版了。
3.搜索引擎更友好,排名更容易靠前。
代码节俭,更利于网站SEO;各搜索引擎在你网站上抓词时,是根据网站代码来抓行的,同样的内容,如果有过多的代码肯定会给蜘蛛爬行带来不便,那就会认为你网站的权重太低。采用DIV+CSS设计的网站对于搜索引擎非常友好,很容能取得很好的排名,避免了Table嵌套层次太多无法被搜索引擎抓取的问题;而且简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

Copyright © 2003-2019 yunsafe.com All Rights Reserved 青云安全 法律顾问:王志刚 ( 豫ICP备19043409号 )

中国 · 郑州 · 中原区 · 万达广场      服务热线:0371-67770077

QQ

 
QQ在线咨询
在线咨询QQ
285584、2998872
售前咨询热线
0371-67770077
快速回复 返回顶部 返回列表