网站运作 优化推广 网站制作 站长故事 程序美工 域名空间 旅游风景 数码 IT
当前位置: 网站制作-网站制作
站内搜索
点击排行
推荐文章
最新文章

介绍下XHTML+CSS

 一,什么是WEB标准?


  WEB标准不是某一个标准,而是一系列标准的集合。

        网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。

         对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准:


  1.结构标准语言


  (1)XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了,网上有很多资料,也有很多书籍可以参考。


  (2)XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。


  2. 表现标准语言


  CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。


  3.行为标准

  DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。



  二、为什么要建立网站标准?



  简单说,网站标准的目的就是:   1,提供最多利益给最多的网站用户  2, 确保任何网站文挡都能够长期有效   3,简化代码、降低建设成本   4,让网站更容易使用,能适应更多不同用户和更多网路设备  5,当浏览器版本更新,或者出现新的网络交互设备时,确保所有应用能够继续正确执行。


  对于网站设计和开发人员来说,遵循网站标准就是使用标准;对于你的网站用户来说,网站标准就是最佳体验。


  三、采用网站标准有什么好处?


  对网站浏览者的好处:


  文件下载与页面显示速度更快;


  内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士);


  内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等)


  用户能够通过样式选择定制自己的表现界面


  所有页面都能提供适于打印的版本


  对网站所有者的好处:


  更少的代码和组件,容易维护


  带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS改版后,每天节约超过两兆字节(terabytes)的带宽。


  更容易被搜寻引擎搜索到


  改版方便,不需要变动页面内容


  提供打印版本而不需要复制内容


  提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求。


  四、怎么改善现有网站?


  我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。学习使用XHTML+CSS的方法需要一个过程,使现有网站符合网站标准也不可能一步到位。最好的方法是循序渐进,分阶段来逐步达到完全符合网站标准的目标。如果你是新手,或者对代码不是很熟悉,也可以采用遵循标准的编辑工具,例如Dreamweaver MX 2004,它是目前支持CSS标准最完善的工具。


  1.初级改善


  DOCTYPE是document type的简写。主要用来说明你用的XHTML或者HTML是什么版本。浏览器根据你DOCTYPE定义的DTD(文档类型定义)来解释页面代码。所以,如果你不注意设置了错误的DOCTYPE,结果会让你大吃一惊。XHTML1.0提供了三种DOCTYPE可选择:


  (1)过渡型(Transitional )


  (2)严格型(Strict )


  (3)框架型(Frameset )




  2.中级改善


  接下来我们的改善主要在结构和表现相分离上,这一步不象第一步那么容易实现,我们需要观念上的转变,以及对CSS2技术的学习和运用。但学习任何新知识都需要花点时间的,不是吗?诀窍在于边做边学。假如你一直采用表格布局,根本没用过 CSS,也不必急于跟表格布局说再见,你可以先用样式表代替 font 标签。随着你学到的越多,你能做的就越多。好,一起来看看我们需要做哪些事:


  用CSS定义元素外观


  我们在写标识时已经养成习惯,当希望字体大点就用,希望在前面加个点符号就用。我们不能强迫用结构元素实现表现效果,我们应该使用CSS来确定那些元素的外观。


  例如,我们可以使原来默认的6级标题可以看起来大小一样:


  h1, h2, h3, h4, h5, h6{ font-family: 宋体


  用结构化元素代替无意义的垃圾


  许多人可能从来都不知道HTML和XHTML元素设计本意是用来表达结构的。我们很多人已经习惯用元素来控制表现,而不是结构。

  中级改善我们这里先列主要的三点,但其中包含的内容和知识点非常多,需要我们逐步学习和掌握,直到最后实现完全采用CSS而不才用任何表格实现布局。

Copyright 2008-2012 All Rights Reserved E帆设计工作室 版权所有
本站杂谈是公益性网站,作品收集于网络,作品版权为原作者所有.如无意中侵犯到您的权益,或有任何问题,请速与站长联系
杭州做网站杭州网站建设工作室,杭州网站制作工作室,网站改版,量身制定设计
网站制作,网页制作,网站推广,网站维护,网站优化,杭州网站设计,E帆设计工作室