验证HTML,CSS以及RSS源是否正确的免费工具

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1565
收藏 0 赞 0 分享
一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运,有许多免费工具可以验证你的HTML,CSS以及RSS源是否正确。
没有什么比这更恼人了:创建并装饰了一个网页,认为已经做到完美,但测试时却出现一些未知的错误,并且不易改正它们。一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运,有许多免费工具可以验证你的HTML,CSS以及RSS源是否正确。有了这些易用的工具,你就可以放心,访问者看到的就是你想要展示的。
我们已经收集了14个工具,包括在线工具和Firefox插件,必有一个满足你的需求。
Firefox插件
CSS Validator:提供到W3C CSS验证器的易用链接,你可以通过右键的上下文菜单或者工具菜单来进行访问。

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

css_2.jpg

一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运,有许多免费工具可以验证你的HTML,CSS以及RSS源是否正确。
HTML Validator:基于Tidy和OpenSP,HTML Validator对你访问的页面进行验证并给出简单的图标提示(icon notification)。工具可以给你提供更多信息,当你查看页面的源代码时,验证错误将被高亮显示。更棒的是,如果你不能找到错误所在,插件会给你一些提示。

html-1.jpg

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

validator-1.jpg

一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运,有许多免费工具可以验证你的HTML,CSS以及RSS源是否正确。
RSS Validator:通过右键上下文菜单或者选择工具菜单项,RSS Validator可以很容易的让你检查一个RSS源。它会将会带到一个新的Tab页面来查看结果和任何潜在的错误。

rss-V.jpg

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

total-validators.jpg


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

validatys.jpg

一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运,有许多免费工具可以验证你的HTML,CSS以及RSS源是否正确。
基于Web的验证器
validator.w3.org:W3C(World Wide Web Consortium)是一个开发Web技术标准的团体,理所当然,他们会有一个验证器来检查你的HTML是否正确。被检查的文件可以是在线的,也可以直接上传,验证器有多种格式来显示验证报告-附加建议的,概述形式的,附加建议的(重复的?),等等。如果你想检查你的标签,接触一下规定标签如何工作的同志们肯定不会错的。

w3cs.jpg

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

w3ccsss.jpg

一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运,有许多免费工具可以验证你的HTML,CSS以及RSS源是否正确。
FeedValidator.org:FeedValidator首先确认你给它的RSS源是否有效,然后检查你最新的内容条目,给出问题的概述,高亮标示出存在问题的行。非常方便的确保你的RSS源在各种阅读器中正确的显示。

feedvalidators.jpg

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

relaxeds.jpg


一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运,有许多免费工具可以验证你的HTML,CSS以及RSS源是否正确。
Validome.org:Validome就像验证器的一站式商店。这个网站提供各种工具,来检查你的HTML,XML,DTD-Schema,RSS,以及Google Sitemaps。每个工具都大量的选项,调整它们来满足你的需求。

validomes.jpg

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

virtualpromotes.jpg

一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运,有许多免费工具可以验证你的HTML,CSS以及RSS源是否正确。
xhtml-css.com:xhtml- css.com可以快速的浏览一个站点,来验证HTML和CSS。其提供的服务包括列出所有错误以及你需要关注的可疑告警,以及关于问题性质的详细描述。你也可以使用一些更高级的选项来设置HTML编码,设置CSS的场景和适用的媒体。该站点还提供一个名叫BeValid的Firefox插件,它可以更快的帮你验证正在访问的URL。

xhtml-csss.jpg
更多精彩内容其他人还在看

W3C教程(14):W3C RDF和OWL活动

RDF 和 OWL 是两项重要的语义网技术。 RDF 和 OWL 是两项重要的语义网技术。 语义网 (Semantic Web) 语义网是为资产管理、企业整合及网络数据的共享和重用提供的一个框架。 语义网为企业、应
收藏 0 赞 0 分享

W3C教程(16):其他的W3C活动

本节概况了其他一些重要和有趣的 W3C 活动。 本节概况了其他一些重要和有趣的 W3C 活动。 Web Accessibility Initiative (WAI) WAI 定义了如何使残障人士更易使用 Web 内容的指
收藏 0 赞 0 分享

W3C教程(13):W3C WSDL 活动

Web Services 与应用程序到应用程序的通信有关。WSDL 是一门基于 XML 的 Web Services 描述语言。 Web Services 与应用程序到应用程序的通信有关。 WSDL 是一门基于 XML 的 Web Se
收藏 0 赞 0 分享

W3C教程(15):W3C SMIL 活动

SMIL 向 web 增加了对定时和媒介同步的支持。 SMIL 向 web 增加了对定时和媒介同步的支持。 SMIL SMIL (Synchronized Multimedia Integration Language)
收藏 0 赞 0 分享

深层优化 提高网站的访问速度的一些技巧

深层优化 提高网站的访问速度的一些技巧   网站访问速度可以直接影响到网站的流量,而网站的访问量几乎与网站的利益直接挂钩,因此网站的速度问题成为企业及站长十分关注的问题。现在网站越来越多,不少朋友的网站打开速度很
收藏 0 赞 0 分享

网页制作中使用规范的HTML代码的几点

许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误,甚至常看到有人在抱怨其网站排名不理想,到其网站简单看一下便可发现HTML代码中充斥各种各样的错误,在那样的代码基础上无论付出多少努力去优化网站结果都可能
收藏 0 赞 0 分享

关于超链接的一些问题

很高兴参加了这一期的薯片会,认识了几个朋友~~不料的却是今天我要来总结一下 很高兴参加了这一期的薯片会,认识了几个朋友~~不料的却是今天我要来总结一下 本次薯片会我们总共讨论了三个议题: A、 如何让“用
收藏 0 赞 0 分享

入门:HTML的基本标签和属性简单介绍

HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等。很多标志都成对出现,例如有 就有 前一个表示开始
收藏 0 赞 0 分享

总结XHTML代码常见的应用问题

一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。 一段时间以来,发现有
收藏 0 赞 0 分享

作用相似html标记:strong与em、q、cite、blockquote

在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有
收藏 0 赞 0 分享
查看更多