首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载  ┆ 端午节祝福 
设为首页
加入收藏
联系我们
热门关键字: .net应用  操作系统  Dreamweaver  WinRAR  网络推广
高级搜索
您当前的位置: 主页>网站制作>建站常识>谈谈Div+CSS标准化设计的好处
谈谈Div+CSS标准化设计的好处
来源: 发布时间:2008-06-19 发布人: 浏览: 人次   字体: [ ]  

       在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码
       CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。网上冲浪无论你用Internet Explorer还是Netscape Navigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
    Div+CSS标准的优点:
    1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
    2.结构清晰,容易被搜索引擎搜索到,天生优化了seo
    3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
    4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了,有了CSS,我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题,改变字体颜色,字体样式等等。
    5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
    6.提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
    7.可以一次设计,随处发布。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint
    8.更好的控制页面布局。不用多说。
    9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
    10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
    11.Table 布局灵活性不大,你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。
    12.另外如果你不是javascript的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。
    13.Table 中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。
    14.在几乎所有的浏览器上都可以使用。

    15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

    16.使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

    17.你可以轻松地控制页面的布局 。

    18.你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。


↓下一篇:没有了
相 关 文 章   发布商链接
·网站的防盗链系统是如何做的?
·让你的网站轻松加入Alexa五星级行列
·网站域名概念大扫盲
·为什么要进行网站备案 该怎么操作...
·教你如何根据网页HTML文档的结构选择...
·祥解CSS容易被人忽略的overflow : ...
·浅谈div布局的一些特性
·如何使中文网页内容表现的恰当好处
·在HTML中用INS和DEL来标记文档的改变
·如何减少网页的内存使用和CPU占用大
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·使用iframe造成的页面内容不...
·当DIV为空时在Ie中占物理空间
·常见的URl转义字符和特殊符号
·网站开发要用的HTML特殊符号...
·当前主要的中文站点使用编码...
·提高网页打开速度的几点基本...
·Div中使用ul多行多列布局,附
·overflow的另类使用,附图解
·CSS规则和CSS层叠样式的应用
·如何做到iframe框架自适应高...
·如何在网页中调用Flash才符合...
·防止网站iframe挂马的解决方...
·了解css中的id和CssClass的区
·利用div来操作提示面板的代码
·祥解与表格边框有关的CSS语法
热 门 文 章
·css div 不换行的解决方法
·HTML之frameset标记应用实例
·防止网站iframe挂马的解决方...
·祥解CSS容易被人忽略的overfl...
·如何在网页中调用Flash才符合...
·如何做到iframe框架自适应高...
·如何减少网页的内存使用和CPU...
·网站的防盗链系统是如何做的...
·了解css中的id和CssClass的区...
·浅谈div布局的一些特性
·为什么要进行网站备案 该怎么...
·HTTP协议请求里get与post在运...
·利用div来操作提示面板的代码
·Div中使用ul多行多列布局,附...
·详细讲解HTML的BODY标记的实...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .