W3C标准测试
WEB标准的网站应该主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的网站标准也分三方面:结构化标准语言,主要包括XHTML和XML;表现标准语言主要包括CSS;行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C组织(什么是W3C组织)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。
那么通过W3C验证有的网站有哪些优点呢?
对于访问者:
● 文件下载与页面显示速度更快。
● 内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士)。
● 内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等)。
● 用户能够通过样式选择定制自己的表现界面。
● 所有页面都能提供适于打印的版本。
对于网站所有者:
● 更少的代码和组件,容易维护。
● 带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS改版后,每天节约超过两兆字节(terabytes)的带宽。
● 更容易被搜寻引擎搜索到。
● 改版方便,不需要变动页面内容。
● 提供打印版本而不需要复制内容。
● 提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求。
初学者容易进入误区,例如:
不是为了通过校验才标准化
web标准的本意是实现内容(结构)和表现分离,就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现,也方便搜索和内容的再利用。
W3C校验仅仅是帮助你检查XHTML代码的书写是否规范,css的属性是否都在CCS2的规范内。代码的标准化仅仅是第一步,不是说通过的校验,我的网页就标准化了。我们不是为了虚名,或者向别人炫耀:“看我的页面通过了校验”而去标准化,我们的目的是为了使自己的网页设计工作更有效率,为了缩小网页尺寸,为了能够在任何浏览器和网络设备中正常浏览。
请大家沉下心来,仔细研究和理解web标准的内涵。网络上已经充满了不必要的浮躁和虚荣,请不要将这种风气带到web标准应用中来,这样做只会影响和损害web标准的推广。
不要用传统的表格思维来套div
“CSS布局就是将原来用table的地方用div来替代,原来是表格嵌套,现在是DIV嵌套。”这种观点是错误的!
请跳出原来表格布局的禁锢,抛弃一个td接一个td放置图片和内容的思维方式。我们上面说过web标准的目的是分离内容和表现,你可以这样思考,页面里有的仅仅是内容,没有修饰的情况下,它看上去就是一张白白的页面,上有一些文字和图片(这个图片是指内容中的图片,是有真实意义的图片)。这些文字图片仅仅是依次罗列下来,只有结构,没有任何样式。然后加入表现,将所有修饰的图片作为背景,用C SS来定义每一块内容的位置、字体、颜色等。
这样制作的页面才是内容与表现分离的,就是说,当你抽掉css文件,剩下的就是干净的内容。这样才能在文本浏览器中阅读,才能在手机、PDA中阅读,才能随时修改CSS实现改版。
不必为每块内容都建立一个id
有网友抱怨css文件太大、太复杂。仔细看他们的代码,发现原因是他们对每块内容、甚至每句话都定义一个div,建立一个ID。这一方面是对样式表应用的不熟悉,另一方面也表现出对web标准没有彻底理解。
我们知道内容都是有结构的,相同的结构的内容我们可以用同一个样式来定义,比如相同级别的标题、正文、图片。对于多次引用的样式可以用class来定义,不需要每个都用id;另外也不是说一定要用,你完全可以用别的来代替,同样都是块级元素,一样有盒模型的七个参数,仅仅方便浮动。
至于仅仅为了行高、间距、一个修饰图片而增加额外的div,我想随着对CSS的应用和理解,你很快就可以省略掉这些。我们反对用DIV的嵌套取代table的嵌套,这没有任何意义,不能体现内容的结构化。希望大家多研究CSS,写出最简练,最有效的样式表。不要因为一点挫折就轻言放弃
我想这是一个态度和处事方法问题,这不仅仅针对学习web标准。学习任何新知识,接受新概念,都有困难,特别是需要你改变原来已有的习惯和思维时。唯一的问题就是:你认为学习web标准是否值得?你可以问问自己:你是否认可web标准带来的这些好处(简化代码、加速开发、压缩文件尺寸、提高下载速度、更好的易用性、获得更多用户、更易于维护、多平台兼容)?你是否觉得世界通用的XML离你还很远?你是否认为现在掌握的HTML知识就已经足够了?
自从99年以后,网页制作技术在国内就没有怎么进步和变革过(除了flash的兴起),而在国外前进的脚步就一直没有停止过,xhtml1.0、xhtml1.1、xml、xsl...,W3C和各大软件公司都在不断的研究和推进web技术,使它更方便、更有效、更强大。web标准的应用和推广国外已经开展了八年多(以zeldman的web标准组织网站为起点),虽然困难重重,但正在逐步被人们接受和认可。为什么我们依然陶醉在网站表面的“繁华”上,不去思考页面背后本质的东西。
- 1OA办公自动化
- 2医院管理OA系统
- 3OA系统平台版
- 4OA智能一体化
- 5OA选型
- 6OA怎么样
- 7OA系统对比
- 8OA技术
- 9在线OA
- 10家具行业ERP系统(OA)
- 11煤炭行业ERP系统(OA)
- 12设计行业OA系统(ERP)
- 1北京网站建设设-双11折扣价被叫停系误传 阿里京东否认收到通知
- 2企业网站建设分解“几大”实行履历论述
- 3网站设计要强调给用户的可靠度。
- 4建设网站编写代码的标准。
- 5网站建设中理想的搜索表现。
- 6网站是公司形象平台,也是获取客户的重要渠道!
- 7网站制作良好的客户体验体现方式!
- 8网站设计师要了解的设计常识!
- 9网站策划成败关系网站建设的运营。
- 10建设网站要确定网站栏目和目录结构!
- 11网站建设的技术要求!
- 12网站建设后站点测试指南。
- 13北京互联深度解析:移动Web应用未来趋势
- 14网站页面制作规则。
- 15什么叫网站域名转移?
- 16北京高校网站建设评分标准(参考)
- 17北京网站建设设-阿里遭多家律所集体起诉 马云:敢上市就不怕被告
- 18Fireworks创建网站设计的原型。
- 19北京网站建设设-深圳互联网金融协会成立:先于法规设行业底线
- 20网站视觉设计
- 21网站设计导航验收标准!
- 22北京网站建设设-2014年非.com域名榜单:Sex.xxx价值1871万元
- 23北京网站建设设-雷军比马云有钱?小米阿里巴巴域名保护势均力敌
- 24ASP网站建设的安全解决方法!
- 25北京网站建设设-2015年网络营销的七大趋势:移动端布局渐成主流
- 26网站建设程序开发规范。
- 27企业网站建设很少更新的原因
- 28北京网站建设设-马云只图“嘴爽”和友人聊天被“录音” 为误伤京东致歉
- 29网站建设的企业为什么要做网络推广?
- 30北京网站建设设-亚马逊明年或分拆云计算:利润率高于其他业务