1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

智儒科技:DIV+CSS

本帖由 hyd3541249422013-03-04 发布。版面名称:前端开发

  1. hyd354124942

    hyd354124942 New Member

    注册:
    2013-02-28
    帖子:
    5
    赞:
    0
    DIV是什么?是division,就是区域、区块的意思。在HTML代码出现的时候,DIV这个标签本来就是用来做页面布局的。大家现在做网页、建网站,却大多使用table来搭建框架、做页面布局。
    Table是什么?table是表格的意思,table只应该在输出数据、输入数据作为表格、表单的时候才出现。所以说,用table来做网页布局本来就是错误的。


    Div+CSS标准具有以下优点:
    1、提高易用性,使用CSS可以结构化HTML。

    2、更好的扩展性。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint等。

    3、因为采用CSS布局,不象表格布局充满各种各样的属性和数字,而且很多css文件通常是共用的,从而大大缩减页面代码,提高页面浏览速度。

    4、结构清晰。更容易被搜索引擎收录,具备搜索引擎SEO的先天条件,配合优秀的内容和一些SEO处理,可以获得更好的网站排名。

    5、兼容性更好,符合web标准规范的发展趋势,可以在几乎所有的浏览器上都可以使用,不会出现在不同的浏览器中效果差距很大的情况。

    4、缩短网站改版时间,因为网站的布局都是通过外部的css文件来控制,只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。

    5、更灵活控制页面布局,通常页面的下载是按照代码的排列顺序,而表格布局代码的排列代表从上向下,从左到右,无法改变。而通过CSS控制,您可以任意改变代码的排列顺序,比如将重要的右边内容先加载出来。

    6、表现和内容相分离,干净利落,将设计部分剥离出来放在一个独立样式文件中,而网页主要来放置您的内容,你可以减少未来网页无效的可能。

    7、更方便搜索引擎收录,并获得更高的评价。用只包含结构化内容的HTML代替嵌套的标签,主次分明,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。

    8、Table表格布局灵活性不大,你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......

    9、Table表格布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div 更能体现样式和结构相分离,结构的重构性强。

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

    DIV+CSS向我们传达了“区块”、“表现和代码分离”的网站设计理念,因为绝大多数XHTML标签都可以被我们通过CSS定义为块,并且赋予丰富的表现形式。但就是这样的模式,让我们可以统一的、标准的、结构化的使用XHTML标签,其意义才可以表现出来。