14款免费的RSS、CSS和HTML验证工具

所属分类: 网页制作 / CSS 阅读数: 365
收藏 0 赞 0 分享

不管是CSS验证,HTML验证还是RSS验证工具,我们都不应该为了验证而验证。验证工具更主要的目的是为了发现错误并修正它们。本文为你介绍14款免费的RSS、CSS和HTML验证工具

Firefox插件

CSS 验证器

提供到W3C CSS验证器的易用链接,你可以通过右键的上下文菜单或者工具菜单来进行访问。

Firebug

Firebug是 一个功能齐全的调试器和编辑器,使用它你可以开发单页面的HTML,JavaScript,CSS,DOM等等。你也可以使用其插件来实时监控 JavaScript,CSS和XML,找到其中可能出现的错误,并学会如何修正它们。作为每个设计师工具仓库中的重要一员,Firebug越来越通用, 甚至开始有了自己的插件(如SitePoint的CodeBurner参考工具)。

HTML验证器

基于Tidy和OpenSP,HTML Validator对你访问的页面进行验证并给出简单的图标提示(icon notification)。工具可以给你提供更多信息,当你查看页面的源代码时,验证错误将被高亮显示。更棒的是,如果你不能找到错误所在,插件会给你 一些提示。

Page 验证工具

通过打开右键上下文菜单,或者从工具菜单中选择“Validate Page”,Page Validator会开启一个新的Tab页面,显示W3C在线验证工具的验证结果。

RSS 验证工具

通过右键上下文菜单或者选择工具菜单项,RSS Validator可以很容易的让你检查一个RSS源。它会将会带到一个新的Tab页面来查看结果和任何潜在的错误。

Total 验证工具

Total Validator通过一个便利的插件提供给你大量的工具。浏览你想看的页面,选择”TV“图标,可对各种版本的HTML进行验证,拼写检查,屏幕截图等等。

Validaty

Validaty在你的工具栏中增加一个按钮,但你浏览页面时点击此按钮,就可以看到一个简洁的可视化的验证结果。

基于Web的验证器

validator.w3.org

W3C(World Wide Web Consortium)是一个开发Web技术标准的团体,理所当然,他们会有一个验证器来检查你的HTML是否正确。被检查的文件可以是在线的,也可以直 接上传,验证器有多种格式来显示验证报告-附加建议的,概述形式的,附加建议的(重复的?),等等。如果你想检查你的标签,接触一下规定标签如何工作的同 志们肯定不会错的。

jigsaw.w3.org

W3C同时也提供了一个CSS验证工具,它也可以检查你的标签找出潜在的错误和警告。同样的,你有一些选项来设定不同的CSS场景(profile),指定样式表为何种媒体创建,以及控制报告显示哪些信息。

FeedValidator.org

FeedValidator首先确认你给它的RSS源是否有效,然后检查你最新的内容条目,给出问题的概述,高亮标示出存在问题的行。非常方便的确保你的RSS源在各种阅读器中正确的显示

Relaxed.vse.cz

Relaxed没有使用官方的W3C规范进行验证,而是使用自己的一些规则来验证你的文档。你可以选择你所使用的HTML的版本,选择是否显示源代码,是否使用一个”脏“浏览器,以及几个其它选项。它也可作为一个Firefox插件,直接在你的浏览器增加这些服务。

Validome.org

Validome就像验证器的一站式商店。这个网站提供各种工具,来检查你的HTML,XML,DTD-Schema,RSS,以及Google Sitemaps。每个工具都大量的选项,调整它们来满足你的需求。

VirtualPromote.com

VirtualPromote为开发者提供大量的工具来应对不同的任务,但对于前台开发者来讲,最重要的三项就是HTML,CSS和XML的验证器。

xhtml-css.com

xhtml- css.com可以快速的浏览一个站点,来验证HTML和CSS。其提供的服务包括列出所有错误以及你需要关注的可疑告警,以及关于问题性质的详细描述。 你也可以使用一些更高级的选项来设置HTML编码,设置CSS的场景和适用的媒体。该站点还提供一个名叫BeValid的Firefox插件,它可以更快 的帮你验证正在访问的URL。

更多精彩内容其他人还在看

Opera中国的WEB标准课程

网页制作Webjx文章简介:在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还
收藏 0 赞 0 分享

CSS样式表渐进增强的基本概念

网页制作Webjx文章简介:如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是视角问题。优雅降级和渐进增强都考虑网站在各种设备的各种浏览器上如何良好运转。两者区别的关键在于它们各自关注的焦点,以及这种关注对工作流程的影响
收藏 0 赞 0 分享

简单介绍Web Developer插件制作网页

网页制作Webjx文章简介:Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。 Firefox浏览器是
收藏 0 赞 0 分享

CSS布局带来的巨大影响:CSS display属性值

网页制作Webjx文章简介:网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。 应原书编辑要求,先在文章顶部给出链接:《Everything You
收藏 0 赞 0 分享

用div css模拟表格对角线

这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之 首先声明: 这只是探讨一种CSS模拟表格对角线的
收藏 0 赞 0 分享

IE Firefox在css中的差别 (部分)

1、单位问题 问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外) 解决:写全单位如padding:0px; 2、水平居中 问题:div里的内容,ie默认为center,而ff默认left 解决:mairgin:0px auto; 3、高度问题
收藏 0 赞 0 分享

不用js可以实现信息提示效果

[code] <style> body { font:verdena; font-size:14px; color:#000 } h1{ font:verdena; font-size:22px; color:#000 } h2{ font:verdena;
收藏 0 赞 0 分享

CSS解决未知高度的垂直水平居中自适应问题

今天有人问起,晚上试着写出来,供参考; 以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。 从最简单的开始………… 一、如何让一个DIV水平居中? 这个简单不作过多说明! [code] <st
收藏 0 赞 0 分享

CSS cursor 属性 -- 鼠标指针样式效果

取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize |
收藏 0 赞 0 分享

css 简单区别ie6,ie7,firefox的写法

同一样式里可以这样 [code] margin:17px; FF +margin:17px; IE6 IE7 _margin:17px; IE6 [/code] 按这个顺序,刚好区分开三个浏览器
收藏 0 赞 0 分享
查看更多