CSS+DIV的优缺点

表格的问题
把格式数据混入你的内容中.这使得文件的大小无谓地变大,而用户访问每个 页面时都必须下载一次这样的格式信息.且不提流量费用问题,单说无谓的下载,对网站来说也不划算.一旦做成了一个基于表格的站点,重新设计现有的站点和内容极为消耗劳力 .这还使我们保持整个站点的视觉的一致性极难,花费也极高.不过也有一个好处,对于布局的布置比较简单方便,但是对于如今的开发分工来说,用表格在分层问题上还是不清晰的.

DIV的优点
使页面载入得更快(页面比用表格的小不少.网上说还有个顺序下载加载的优点,我感觉就是下载即加载吧,望清楚的明示).修改设计时更有效率而代价更低(老实说,用DIV做布局的时候,排版还是有麻烦的,可以看看这个留言:http://www.blueidea.com/bbs/newsdetail.asp?id=2199539 ).使整个站点保持视觉的一致性.让站点可以更好地被搜索引擎找到.使你的站点对浏览者和浏览器更具亲和力.在世界上越来越多人采用 Web 标准时,它还能 提高你的职场竞争实力 (事实上也就是降低失业的风险).

过渡性的设计
使用 margin 和 padding 来代替多余的表格单元和间隔 GIF.
使用 link 和 @import 来载入样式。前者用于早期浏览器,后者给现在的浏览器。
<link href="/basic.css" rel="stylesheet" type="text/css">
<style type="text/css" media="screen"><!--@import url(modern.css) screen;--></style>

结构化标记
我们排版时考虑的不是“这个东西放在这儿,那个东西放在那儿”,而是页面中信息的类别和信息的结构.你的内容将不放在表格和表格元素中,取代它们的是 div 元素。还要给你的 div 元素安排一个 id 或 class,不过这是为了描述它们的内容或功能,而非它们的外观.

采用DIV设计的参考站点:
http://www.verycd.com
http://www.w3cn.org
http://www.taobao.com



阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页