使用Div+Css进行网页布局的11个好处


使用Div+Css进行网页布局的11个好处

1,缩减代码,提高页面浏览速度。
   采用CSS布局,不像表格布局充满各种各样的属性和数字,而且很多css文件时公用的,从而大大减缩页面代码,提高页面浏览速度。
   2,结构清晰,对搜索引擎更加友好。
   更容易被搜索引起收录,具备搜索引擎SEO的先天条件,配合优秀的内容和一些SEO处理,可以获得更好的网站排名。
   3,支持各种浏览器,兼容性好。
   符合Web标准规范的发展趋势,可以在几乎所有的浏览器上都可以使用,不会出现在不同浏览器中下过差距很大的情况。(兼容性问题有待再研究)
   4,简单修改,缩短改版时间。
   因为网站的布局都是通过外部的CSS文件来控制,只要简单的修改几个css文件就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
   你可以将站点上的所有的网页风格都是用一个CSS文件进行控制,只要修改这个css文件中相应的行,那么整个站点的所有页面就会随之发生变动。
   5,强大的文字控制和排版能力。
   css控制字体的能力比糟糕的font标签好多了,css不再需要用font标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。
   6,使用css可以结构化HTML,提高易用性。
   例如:P标签只用来控制段落,h1-h6标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
   7,更好的扩展性。
   你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如powerpoint等。
   8,更灵活控制页面布局。
   通常页面的下载是按照代码的排列顺序,而表格布局代码的排列顺序从上向下,从左到右,无法改变。而通过CSS控制,您可以任意改变代码的排列顺序,
   比如把重要的右边内容先加载出来。
   9,表现和内容分离,干净利落。
   将设计部分剥离出来放在一个独立样式文件中,而网页主要来防止您的内容,你可以减少未来网页无效的可能。
   10,优化了表结构。
   Table表格布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和结构相分离,结构的重构性强。
   Table表格布局灵活性不大,你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......
   11.更快加载带有图片的页面。
   以前一些必须通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面



相关阅读:
开源空间:关于Linux下时间编程的问题
php smarty模版引擎中的缓存应用
关于图片按比例自适应缩放的js代码
超文本链接指针
php中的时间处理
PHP5中的时间相差8小时的解决办法
oracle和sql server的一些保留关键字
DNS专题(3)---域名服务器的类型③
Linux下玩转暴力破解 几款经典破解软件介绍
Linux根文件系统
表格(Table)
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
页面美工设计需要注意的几点
ajax+php打造进度条代码[readyState各状态说明]
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4