CSS参考手册 第1章 Web标准布局的本质.pdf

《CSS参考手册 第1章 Web标准布局的本质.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第章Web标准布局的本质:为什么要建立Web标准:什么是Web标准:内容、结构和表现:两种思考方式:Web标准的前景:Web标准网站欣赏了解Web标准的本质，掌握关于内容、结构和表现的相关知识，学会使用新的思维方式进行思考，这些是能否成功使用CSS布局页面的关键。在本章将详细讲解Web标准的本质、Web标准的概念、使用Web标准的好处。本章还将着重介绍使用CSS布局和传统布局的本质区别，帮助读者建立起全新的网页布局观念。通过对本章的学习，读者需要重点掌握页面中的内容、结构和表现的概念，了解使用CSS布局页面的思考方式。·4·CSS标准网页布局开发指南1.1为什么要建立

2、Web标准传统的用网页布局（使用Table进行布局）已经有很长的历史和较成熟的技术规范了。但其存在很明显的缺点。由于页面的内容和修饰没有分离，导致改版的困难；由于页面代码的语义不明确，导致数据利用的困难。而使用CSS进行网页布局，分离了结构和表现，所以能成功解决这些问题。1.1.1建立Web标准的目的Web标准的目的是解决网站中由于浏览器升级、网站代码臃肿、代码不易用等带来的问题。Web标准是在W3C（W3C.org万维网联盟）的组织下建立的，其主要目的如下：因为使用了统一的标准，所以使得更多的网站用户有了最多的利益。因为实现了结构和表现相分离，所以确保了任何网站文档

3、的长期有效性。因为简化了代码，所以降低了成本。因为可以容易地调用不同的样式文件，所以使得网站更容易使用，适合不同用户和网络设备。因为实现了向后兼容，所以当浏览器版本更新，或者出现新的网络交互设备时，所有应用能够继续正确执行。1.1.2使用Web标准的好处使用Web标准的好处是可以大大缩减页面代码，提高浏览速度，缩减带宽成本。由于其清晰的结构，能使网页更容易被搜索引擎搜索到。其具体的好处主要体现在以下两个方面。1．对网站浏览者的好处由于页面代码量减少，所以文件下载速度更快，同时浏览器显示页面的速度也更快。由于清晰的语义结构，所以使得内容能被更多的用户所访问。由于实现了结

4、构和表现相分离，所以内容能被更多的设备（包括手机、打印机等）所访问。由于样式文件的独立性，所以用户选择自己喜欢的界面变得更容易。由于可以调用独立的打印样式文件，所以便于页面的打印。2．对网站拥有者的好处由于代码变得更简洁和组件用得更少，所以使得维护变得很容易。由于对带宽要求降低，所以节约了成本。由于页面结构清晰的语义性，所以使得搜索引擎的搜索变得更容易。由于实现了结构和表现相分离，所以使得修改页面外观很容易，同时可以不变动页面内容。由于可以调用不同的样式文件，所以使得提供打印版本变得更容易。由于清晰合理的页面结构，提高了网站的易用性。第1章Web标准布局的本质·5·1

5、.2什么是Web标准Web标准可以分为3个方面：结构标准语言（主要包括XHTML和XML）、表现标准语言（主要包括CSS）和行为标准（主要包括对象模型、ECMAScript）等，下面简单介绍这些标准。1．结构标准语言结构标准语言包括两个部分：XML和XHTML。其具体区别如下：XML是TheExtensibleMarkupLanguage的简写，是一种扩展式标识语言。XML设计的目的是对HTML的补充，它具有强大的扩展性，可以用于网络数据的转换和描述。同时XML具有简洁有效、易学易用、具有开放的国际化标准、高效可扩充等特点。XHTML是TheExtensibleHyp

6、erTextMarkupLanguage（可扩展标识语言）的缩写。XHML是基于XML的标识语言，是在HTML4.01的基础上，用XML的规则对其进行扩展建立起来的，它是HTML向XML的过渡。2．表现标准语言CSS是CascadingStyleSheets（层叠样式表）的缩写。目前推荐遵循的是W3C于1998年5月12日推出的CSS2。CSS标准建立的目的是以CSS进行网页布局，控制网页的表现。CSS标准布局与XHTML结构语言相结合，可以实现表现与结构相分离，提高网站的使用性和可维护性。3．行为标准行为标准也包括两个部分：DOM和ECMAScript，其具体区别如

7、下：DOM是DocumentObjectModel（文档对象模型）的缩写。W3C建立的W3CDOM是建立网页与Script或程序语言沟通的桥梁。它实现了访问页面中标准组件的一种标准方法。ECMAScript是ECMA（EuropeanComputerManufacturersAssociation）制定的标准脚本语言。1.3内容、结构和表现内容、结构和表现是一个网页必不可少的组成部分。其中，内容是页面传达信息的基础，表现使得内容的传达变得更加明晰和方便，而结构则是内容和表现之间的纽带。下面通过实例详细说明三者的区别和联系。1．内容内容就是网页实际要传