ou can learn how to use HTMLHint here.
Cli
-
install & hint
npm install htmlhint -g htmlhint -V htmlhint --help htmlhint www htmlhint www/test.html htmlhint www/**/*.xhtml htmlhint www/**/*.{htm,html} htmlhint http://www.alibaba.com/ cat test.html | htmlhint stdin -
results
test.html L5 | </head> ^ <title> must be present in <head> tag. (title-require) L8 | </body> ^ Tag must be paired, missing: [ </div> ], start tag match failed [ <div> ] on line 7. (tag-pair) 2 errors in 1 files -
config rules
search
.htmlhintrcfile in current directory and all parent directories:htmlhint htmlhint test.htmlcustom config file:
htmlhint --config htmlhint.conf test.htmlcustom rules:
htmlhint --rules tag-pair,id-class-value=underline test.htmlInline rules in
test.html:<!--htmlhint tag-pair,id-class-value:underline --> <html> <head> ...
JavaScript with node
-
install
npm install htmlhint --save -
Hint your html code:
var HTMLHint = require("htmlhint").HTMLHint; var messages = HTMLHint.verify('<ul><li></ul>', {'tag-pair': true});
JavaScript with browser
-
Download: https://raw.github.com/yaniswang/HTMLHint/master/lib/htmlhint.js
-
Hint your html code:
<script type="text/javascript" src="htmlhint.js"></script> <script type="text/javascript"> var messages = HTMLHint.verify('<ul><li></ul>', {'tag-pair': true}); </script>
About Rules
Read more about all rules: Rules
If rules is undefined, it will use default ruleset:
{
"tagname-lowercase": true,
"attr-lowercase": true,
"attr-value-double-quotes": true,
"doctype-first": true,
"tag-pair": true,
"spec-char-escape": true,
"id-unique": true,
"src-not-empty": true,
"attr-no-duplication": true,
"title-require": true
}
About .htmlhintrc
You can config the `.htmlhintrc' like this, and place the file in your project root folder:
.htmlhintrc
{
"tagname-lowercase": true,
"attr-lowercase": true,
"attr-value-double-quotes": true,
"doctype-first": true
}
Load custom rules
rules/test-rule.js
module.exports = function(HTMLHint) {
HTMLHint.addRule({
id: 'test-rule',
description: 'test rule.',
init: function(parser, reporter){
var self = this;
parser.addListener('tagstart', function(event){
var tagName = event.tagName.toLowerCase();
if(tagName === 'body'){
reporter.warn('Found body.', event.line, event.col, self, event.raw);
}
});
}
});
};
Load rules:
htmlhint --rulesdir ./rules/ --rules test-rule
How to report bugs
You can create a new issue in GitHub and describe your problem or suggestion.
新建.htmlhintrc文件，内容如下：
{
"tagname-lowercase": true,
"attr-lowercase": true,
"attr-value-double-quotes": true,
"doctype-first": true,
"tag-pair": true,
"spec-char-escape": true,
"id-unique": true,
"src-not-empty": true,
"attr-no-duplication": true,
"title-require": true
}