使用Web验证工具:Unicorn,构建规范Web页面
2010-08-21 02:06
330 查看
浏览器的智能识别纠错能力,导致了大量的不规范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代码类似如下:
view source
print?
显示效果图:
另外,这个工具是一个开源的工具,可以下载代码来进一步研究,开发语言为JAVA。代码下载地址:http://code.w3.org/unicorn/wiki/Documentation/Install
Unicorn工具只是一个验证辅助工具,WEB页面的规范化应该引起我们广大的WEB页面设计师和程序员重视,需要项目开发中形成一种意识,我们广大的程序员不光能写规范的简洁的后台C#、JAVA代码,也应该能设计出规范的前台WEB页面。希望我们能开发出规范的WEB页面,结束当前WEB页面设计混乱的局面。
作者:Dang Jian
出处:http://www.cnblogs.com/dangjian/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
同时请关注我的独立博客-http://www.dang-jian.com/。
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代码类似如下:
view source
print?
01 | < div > |
02 | < a href = "http://validator.w3.org/check?uri=www.dang-jian.com" > |
03 | < img style = "border: 0;" src = "http://www.w3.org/Icons/valid-xhtml10" alt = "Valid XHTML 1.0 Strict" /> |
04 | </ a >< a href = "http://jigsaw.w3.org/css-validator/validator?uri=www.dang-jian.com" > |
05 | < img style = "border: 0;" src = "http://jigsaw.w3.org/css-validator/images/vcss" alt = "Valid CSS!" /> |
06 | </ a >< a href = "http://feed.w3.org/check.cgi?url=http%3A//www.dang-jian.com/rss.aspx" > |
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页面设计混乱的局面。
作者:Dang Jian
出处:http://www.cnblogs.com/dangjian/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
同时请关注我的独立博客-http://www.dang-jian.com/。
相关文章推荐
- 使用Unicorn 工具验证和构建规范的Web 页面[转]
- 使用Web验证工具:Unicorn,构建规范Web页面
- JAVA_WEB Struts2学习:使用验证框架进行校验JSP页面元素 反编译工具的配置 Strtuts2 国际化学习
- 使用Jenkins启动maven作为项目构建管理工具的web项目
- 扫描识别工具Dynamic Web TWAIN使用教程:建立一个“Hello World”扫描页面
- C# HTML解析工具HtmlAgilityPack使用实例(二)--Web页面
- 使用Jenkins启动maven作为项目构建管理工具的web项目
- 在 Web 应用程序中使用 SharePoint API 以避免页面验证错误
- 一步步学习SPD2010--第十四章节--在Web页面使用控件(4)--使用ASP.NET验证控件
- JAVA Web 安全机制----使用filter验证session用户和页面缓存问题处理
- 使用Jenkins启动maven作为项目构建管理工具的web项目
- 在 Web 应用程序中使用 SharePoint API 以避免页面验证错误
- [置顶] 关于web性能的思考与分享[06]——【原创】fis3构建工具使用教程(01)
- 使用React和webpack工具实现自己的博客页面
- 一步步学习SPD2010--第十四章节--在Web页面使用控件(3)--验证用户数据输入
- FCKeditor 一个开源的web页面文本编辑工具,在vs 2005中的使用方法
- 详解使用webpack构建多页面应用
- 使用Jenkins启动maven作为项目构建管理工具的web项目
- 一步步学习SPD2010--第十四章节--在Web页面使用控件(3)--验证用户数据输入
- 使用前端构建工具批量为页面中引用的js文件添加版本号的历程