htmlHint 应用安装

最新推荐文章于 2023-10-13 17:45:39 发布

chongtaogou6003

最新推荐文章于 2023-10-13 17:45:39 发布

阅读量1.8k

点赞数

文章标签： javascript xhtml ViewUI

原文链接：https://my.oschina.net/joldy/blog/830045

版权

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 .htmlhintrc file in current directory and all parent directories:

htmlhint
htmlhint test.html

custom config file:

htmlhint --config htmlhint.conf test.html

custom rules:

htmlhint --rules tag-pair,id-class-value=underline test.html

Inline 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

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
}

转载于:https://my.oschina.net/joldy/blog/830045

chongtaogou6003

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
htmlHint 应用安装

ou can learn how to use HTMLHint here. Cli install & hint npm install htmlhint -ghtmlhint -Vhtmlhint --helphtmlhint wwwhtmlhint www/...
复制链接

扫一扫