当前位置:园子博客 » 网页标准 » 如何向web标准过渡

如何向web标准过渡

1月 9th, 2009 | Filed under 网页标准 | 共有4,762次浏览

WEB标准的目标是实现网页结构、表现、行为的分离,很多个人站长都开始慢慢的将自己的网站向WEB标准过渡,这个过程是个不断学习与提高的过程,园子总结了以下几个过渡的方法,目的是对那些想向标准过渡的朋友提供个比较好的帮助。
 
1、从HTML转向xhtml的过渡

为什么要放弃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三种应用方式。

  1. Transitional方式代表一种松散过渡型的XHTML应用,允许用户使用一部分旧式的HTML标签来编写XHTML文档,以帮助用户慢慢适用HTML的编写(推荐)。
  2. Strict方式是一种种严格型的应用方式,在这种形势下XHTML中不能使用任何样式表现的标签及属性。
  3. Frameset方式是针对框架页面的应用方式,如果使用框架式网页应当使用此方式。 

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

XHTML另一方面也是XML的过渡型语言,XML是完全面向结构的设计语言,XHTML帮助我们快速适应结构化的文档设计,帮助我们平滑过渡到XML,并能与XML及其他程序语言之间良好的交互工作,帮助我们扩展其应用。
 
2、发挥CSS2.0的作用
相对于结构设计来说,表现层的样式设计变化更丰富,也更难掌握,对于千变万化的网页设计来说,如何将设计编码成机器识别的样式语言是css的工作重点,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是目前最流行也是最行之有效的修补浏览器解析问题的方式。

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

目前还没有任何评论.
您必须在 登录 后才能发布评论.