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

2016-02-19 23:56 13 1 收藏

下面图老师小编跟大家分享14款免费的RSS、CSS和HTML验证工具,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发 】

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

Firefox插件

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

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

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

基于Web的验证器

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160219/1630900.html

延伸阅读
标签: Web开发
CSS的优化通常包括两方面: 格式化CSS和精简CSS 。 精简CSS的办法是把具有相同属性的元素合并在一起,但这会降低代码的可读性,使代码的后期维护很麻烦,稍不注意就出错。 格式化CSS一般就是多行模式或单行模式的选择,比如我个人就完全受不了多行模式  下面是一些在线的CSS优化工具,能让你方便的对CSS文件进行各种优化处理。 1....
标签: Web开发
一下收集分享的数据图表的展示效果,是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。 1、完全使用div、span和css制作的数据图表。 2、有很多用纯css制作的数据图表,我感觉这个是做的最漂亮的一个。 3、这个线形数据图表完全基于html和css制作的,没有应用js。这样的图图表加载快,而且延展...
标签: Web开发
译自:   中文: 在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由开发。 你在写HTML代码(包括所有标签、属性、引用、大括号等)上花费多少时间?如果你的编辑器有代码提示功能,你编写的时候就会容易些,但即便如此你还是要手动敲入很多代码。 在JavaScript方面,当我们想要在一个页面上获取某个...
标签: Web开发
正确使用a标签 超链接是blog中用的最多的html标签,它用来链接到其他的文章或者站点链接,建议大家用a标签时将下列属性都添加上: href:设置链接的url地址或锚点 target:设置鼠标点击链接后的目标窗口或框架页面,一般常用的是target="_blank",表示新开一个窗口打开链接,向在当前页面打开链接就不用加这个属性了 ...
标签: Web开发
前端技术层 (图片有点偏激,仅供参考) Javascript和DOM关系很暧昧,弄不明白! CSS和HTML

经验教程

390

收藏

99
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部