您的位置: 首页 > 技术文档 > 网络编程 > 使用Web验证工具:Unicorn,构建规范Web页面
用智能跟踪(IntelliTrace)窥入云端 回到列表 20年来我得到的20条编程经验
 使用Web验证工具:Unicorn,构建规范Web页面

作者:dangjian 时间: 2010-08-05 文档类型:转载 来自:博客园

浏览器的智能识别纠错能力,导致了大量的不规范Web页面充斥于各种各样的网站中,浏览器的这种溺爱式的容错方式,也宠坏了大量的网页设计师。但是随着浏 览器版本的升级和Firefox、Chrome等多个浏览器的流行,以前大量基于旧浏览器(尤其是IE6)开发的不规范Web页面则无法正确地展示,由此带来的是大量的维护工作,所以不规 范的Web页面对维护者和浏览者都是一场噩梦。近日,W3C发布了一款WEB验证工具:Unicorn, 可以方便地检查我们的Web页面是否合乎规范,帮助我们开发出规范的Web页面,从 而降低开发的维护的代价。

Unicorn验证的内容包括: 页面Markup、CSS样式、MobileOK检查、Feed验证,Unicorn提供了3种验证方式:提交URL、上传文件、直接输入代码。由此可知Unicorn是一个一 站式的Web规范检查工具,可以直接应用于项目的验证测试中,下图显示工具的界面:

我们用本博客地址测试一下,输入:http://www.cnblogs.com/dangjian,点击Check按钮,页面很快返回了结果,检查内容 包括页面HTML、CSS和Rss内容,如下截图:

 

可以看到,返回的信息列表分为3类:info、error和warning,每一条信息都有对应的不规范代码和原因,非常方便我们快速的查找和修改。另外,这个工具也是一个很好的辅 导我们学习规范代码的工具,大家可以用它来检查各个有名的站点,看看这些网站表现如何。经过检查各大站点,能完全通过检查的寥寥无几,看来WEB页面规范化还是任重道远。

工具还给我们WEB页面规范化提供了一种激励的方式,如果我们的站点全部通过了这样的测试,我们可以在自己的网站醒目位置放置检查通过标识,工具提供了3种图标,HTML代 码类似如下:

<div>
03 <img style="border: 0;" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" />
05 <img style="border: 0;" src="http://jigsaw.w3.org/css- validator/images/vcss" alt="Valid CSS!" />
07 <img style="border: 0;" src="http://feed.w3.org/images/valid-rss- rogers.png" alt="[Valid Atom 1.0]"
08 title="Validate my Atom 1.0 feed" />
09 </a>
10 </div>

显示效果图:

另外,这个工具是一个开源的工具,可以下载代码来进一步研究,开发语言为JAVA。代码下载地址:http://code.w3.org/unicorn/wiki/Documentation/Install

Unicorn工具只是一个验证辅助工具,WEB页面的规范化应该引起我们广大的WEB页面设计师和程序员重视,需要项目开发中形成一种意识,我们广大的程序员不光能写规范的简 洁的后台C#、JAVA代码,也应该能设计出规范的前台WEB页面。希望我们能开发出规范的WEB页面,结束当前WEB页面设计混乱的局面。

欢迎访问微软官网下载相关软件http://www.microsoft.com/zh/cn/default.aspx

出处:博客园
责任编辑:bluehearts

◎进入论坛网络编程版块参加讨论

作者文章 更多作者文章
中国数字媒体产学研联盟成立
第二届"昆山杯"笔记本电脑设计大赛
首届UED周末论坛图文报道
UI AWARD 2010(国家级UI设计评选)
用vs2010构建Silverlight4应用程序
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
100个黑色名片设计欣赏
MSDN技术资源库改进预览
图标设计欣赏——icondoctor
Web Storage全解析
Photoshop制作音乐网站播放器
解读iPhone平台的设计思路
Web Design广告字体设计技巧
Visual Studio DSL 入门(四)
HTML 5 Video概述
Visual Studio DSL 入门(三)
栏目最新 栏目最新列表
Firefox的Jetpack扩展案例分析
阿里妈妈UED谈CSS Sprites技术
Photoshop中设计绿色时尚Web网站
操作Dom节点实现间歇滚动新闻
浏览器15年历史回顾
如何创建Firefox的Jetpack扩展
全透视:CSS Z-index 属性
用PS 3D工具绘制甜麦圈包装袋
悟道Web标准:让W3C标准兼容终端
悟道WEB标准:统一思想,遵循标准

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我 站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们 联系,我们将立即删除修改。

本文暂时没有评论和评分

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接 导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
闪魂-FlashCS4完美入门与案例精粹
Waver_h's华丽世界
Illustrator CS3质感绘画表现技法
《Flash短片轻松学》
《用户体验要素》
《JavaScript语言精粹》
作品集 更多内容

moto 产品包装 星火第二品牌 练习练习练习 最近做的几个页面 星火少儿网站 金湾名城 印刷网站飞机稿