怎样向web标准过渡

        web标准的目标是实现网页结构、表现、行为的分离，达到最佳架构，提高网站可用性与用户体验。web标准中包括了众多技术标准，包括相似的HTML与XHTML等，以目前web标准的技术框架来看，用以下几个标准及方法进行网站构建是目前最为理想的选择。

 

1、从HTML转向HTML

        为什么要放弃HTML去使用XHTML

        事实上XHTML就是HTML的下一个版本，用于替代HTML并帮助转向XML的一套过渡型标记语言，HTML是一个非常优秀的页面描述语言，至少在过去的几年里为我们创造了太多便于使用的空间。

        无论是HTML还是XHTML，说到底是一门让机器看的语言，访问者是不会去关心HTML源代码的，他们只关心眼中所看到的网页呈现出来的内容，而作为网页设计师而言，网页设计只有一个目的，就是让访问者看得更清楚，用起来更方便。

        HTML和XHTML是面向机器的，并非面向访问者。通过设计设计师良好的代码编写，才能让IE或是firefox等浏览器能够充分的去解析HTML或XHTML并渲染出最终页面。在强调表现与内容分离的web标准时代，HTML的语法模式已经不能满足需求，取而代之的将是新一代的标记语言，结构与标记更严谨。

        XHTML是一门面向结构的语言，设计目的不像HTML仅仅是为了网页设计与表现，XHTML的设计目的并不是为了最终表现，XHTML主要用于对网页内容进行结构设计，其严谨的语法结构有利于浏览器进行解析处理，是一门面向文档结构的设计语言。

        目前XHTML的使用标准也存在着多种选择，包含Transitional、Strict和Freamset三种应用方式。

        ◆  Transitional方式代表一种松散过渡型的XHTML应用，允许用户使用一部分旧式的HTML标签来编写XHTML文档，以帮助用户慢慢适用HTML的编写（推荐）。

        ◆  Strict方式是一种种严格型的应用方式，在这种形势下XHTML中不能使用任何样式表现的标签及属性。

        ◆  Frameset方式是针对框架页面的应用方式，如果使用框架式网页应当使用此方式。

 

        面向结构的XHTML设计语言在面向结构的设计思想上能带给我们超越HTML的实质性内容，面向结构的设计能帮助我们适应更多终端的需求，对于不同的应哟娜给终端，如PC、PDA、手机及其他产品，只要这些设备能接受我们的结构语言XHTML，那么我们就能对信息进行再设计重新发布以适用不同的终端需要。

        XHTML另一方面也是XML的过渡型语言，XML是完全面向结构的设计语言，XHTML帮助我们快速适应结构化的文档设计，帮助我们平滑过渡到XML，并能与XML及其他程序语言之间良好的交互工作，帮助我们扩展其应用。

 

2、发挥CSS2.0的作用

        相对于结构设计来说，表现层的样式设计变化更丰富，也更难掌握，对于千变万化的网页设计来说，如何将设计编码成机器识别的样式语言是CSS的工作重点，CSS丰富的样式表现也对设计者提出了更高的要求。

        合理的CSS文件结构

        虽然CSS做到了样式设计与内容的分离，但CSS文件本身也应该拥有良好的层次结构及规范，目的是进一步改善样式设计的可维护性，CSS本身只是import导入功能，针对于大型网站的设计，不妨使用分离的CSS文件来组织样式，如将字体样式专门使用font.css这样一个文件来编写，表单的设计放到form.css中，通过合理的组织文件，带来后期维护的便利性，也方便网站程序能够根据浏览器版本或是终端设备进行文件的调用，进一步提升CSS跨平台能力。

        继承与重用的优势

        使用CSS的优势在于其良好的重用特性，一段CSS设计代码可以供多个区域同时使用，然而除了重用功能以外，CSS还可以实现类似面向对象程序设计中的继承机制，通过继承机制能进一步完善网站的样式结构。如在CSS对应的XHTML中，每一级的标签总是首先使用其本身标签的样式设计，接着使用父级标签的样式，这样部分代码就可以分别放在各级别中，互相发挥作用，统一代码放在最上一级标签。通过这种具有继承机制的功能，能够进一步减小在样式设计中的代码量，进一步改善设计。

        设计跨平台的代码

        CSS也有美中不足，由于不同品牌浏览器及不同版本之间的渲染方式的不同，对CSS的解析也存在着一定差异。另外就是PC机下与MAC机下浏览器产品的不同。针对这些原因，CSS的设计也应具有一定的跨平台与兼容特性，编码时尽量减少生僻属性的使用，如果想兼容旧版本的浏览器也应当注意留有一定的CSS hack代码进行编写。

 

相关链接：CSS hack

        CSS hack是一个被设计师们习惯使用的一个名称。他表现一种类似于欺骗浏览器的编写方式，由于存在浏览器兼容性问题，而且A浏览器不支持某些标签而B浏览器则支持，因此使用这种欺骗方法，我们可以写一段CSS样式只被B浏览器解析，而A浏览器则会忽略，反之相同。因此CSS hack是目前最流行也是最行之有效的修补浏览器解析问题的方式。

 

        具有良好可用性的CSS样式设计

        可用性随着计算机人际交互技术的发展不断扩充其内容与形式，可用性的目标是我们的交互式产品（软件、网站）对用户的需求提供最大限度的满足，使得产品更容易被用户使用，他从根本上改变用户与产品交互的主观过程，提升产品价值，为产品及用户带来爽方面的利益。CSS作为样式设计代码，也包含着对于可用性层次的设计内容。

        CSS样式的设计意味着你对网站整体风格的把握需要重新考虑，从视觉设计上为了达到最大限度的重用与合理的结构，需要统一的字体字号及排版形式，这些统一的设计都有助于视觉设计上可用性的提升。对于网站上的细节表现，如链接改变提示、链接区域、导航的操作感等也都是CSS在可用性上设计的目的，最终目的都是希望通过良好的设计创造更好的交互式网站以方便用户使用，为网站及用户创造价值。

        使用基于DOM的脚本语言来编写交互

        DOM的生产也是为了实现脚本语言的跨平台与跨浏览器。DOM的全称是Document Object Model 文档对象模型。是由W3C制定的一种与浏览器无关的接口，他对网页中的标准组件如HTML标签做出技术性的统一规范，使得我们的脚本语言能够访问这些组件，而前提是浏览器支持这种基于DOM的定义规范。就目前来说大部分浏览器都支持标准的DOM。使用符合DOM的浏览器，相同的代码就能完成所有支持的操作。目前的JavaScript是符合DOM标准的脚本语言。有关DOM的详细资料可以访问W3C的DOM专栏 [url]http://www.w3c.org/dom[/url] 。