网站重构，DIV+CSS

发布者：admin     发布时间：2009-8-10 阅读次数：

为什么所有银行卡的大小都是一样的尺寸？
　　为什么我用普通话就能和广州的朋友交流？
　　为什么买来的新水龙头的螺口正好与老的水管能接上？
　　很多日常事情，我们并没注意到这背后都有一个隐藏的“因素”在起作用，这个因素就是：标准。
　　有了“银行卡的标准”，你就不用担心不同银行的卡大小不一样，所有提款机的入卡口都一样；
　　有了“普通话标准”，全国人民可以方便的进行语言交流；
　　有了“螺口的工业标准”，你买个6分的水龙头就绝对可以和6分的水管接上。
　　生活中各行各业都有着自己相应的标准与规范，标准可以方便交流、促进协作、提高效率。
　　我们有99%的网站是采用HTML制作的，而HTML并不符合XML格式。因此这些网页信息都很难适应未来新设备和数据共享的要求。怎么办呢？国际万维网组织(W3C.org)已经提出了解决办法，他们在HTML基础上，按照XML格式制定了新的规范XHTML1.0，只要通过简单的改变，就能将HTML转为XHTML，从而实现向XML的过渡。同时，为了使你的页面信息更加容易被搜索和重用、XHTML的代码需要结构更加更清晰、标签更加有语义，W3C推荐使用CSS来控制表现，以实现内容与表现的相分离。
　　我们的目标：用web标准技术重构你的网站。
　　1.什么是web标准？
　　首先要明确一个概念。我们所讲的web标准，不是指XML，而是指为了实现大量HTML信息向XML标准的过渡，W3C和ECMA制定的一系列的技术规范，目前主要包括XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web标准不仅仅是一个规范，而是一系列规范的总称。
　　2. 什么是w3c？
　　W3C是“World Wide Web Consortium”的缩写，中文称万维网组织。是一个专注于“领导和发展web技术”的国际工业行业协会。它由万维网发明者Time Berners-Lee领导，成立与1994年。W3C的推荐规范的制定都是由来自于会员和特别邀请的专家组成的工作组完成。更多的信息您可以访问W3C的网站：www.w3.org
　　3. 什么是DIV+CSS？
　　DIV+CSS是WEB标准中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。
　　CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或XML等文件式样的计算机语言。
　　DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
　　4. DIV+CSS网站设计的优势
　　从网络营销应用的角度，将DIV+CSS网站设计的优势归纳如下：
　　4-1.大大缩减页面代码，提高页面浏览速度，缩减带宽成本。
　　4-2.结构清晰，天生优化了seo，容易被搜索引擎搜索到，搜索引擎喜欢清洁的代码（其真正意义在于，增加了有效关键词占网页总代码的比重）
　　4-3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
　　4-4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再使用FONT标签，而能轻易控制标题，改变字体颜色，字体样式等等，使字体变得更漂亮，更容易编排，使页面真正赏心悦目。
　　4-5.可以一次设计，随处发布。你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。在几乎所有的浏览器上都可以使用。
　　4-6.更好更轻松的控制页面布局。 表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。
　　4-7.用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(PR)。
　　4-8.Table布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div更能体现样式和结构相分离，结构的重构性强。