FEIP HTML lint rules

htmlhintrc.json

{
	"alt-require": true,
	"attr-lowercase": true,
	"attr-no-duplication": true,
	"attr-unsafe-chars": true,
	"attr-value-double-quotes": false,
	"attr-value-not-empty": false,
	"csslint": false,
	"doctype-first": true,
	"doctype-html5": true,
	"head-script-disabled": false,
	"href-abs-or-rel": false,
	"id-class-ad-disabled": true,
	"id-class-value": false,
	"id-unique": true,
	"inline-script-disabled": false,
	"inline-style-disabled": false,
	"jshint": false,
	"space-tab-mixed-disabled": true,
	"spec-char-escape": true,
	"src-not-empty": true,
	"style-disabled": false,
	"tag-pair": true,
	"tag-self-close": false,
	"tagname-lowercase": true,
	"title-require": true
}

rules.md

ALT is required for IMG and empty ALT is not allowed

good:

<img src='tree.png' alt='tree'>

bad:

<img src='tree.png' alt=''>
<img src='tree.png'>

Empty attributes is not allowed, use attribute without a value instead

good:

<div data-attr></div>

bad:

<div data-attr=''></div>

Use single quotes, double quotes only when necessary

good:

<div class='block' v-bind:class="{ 'is-active': isActive }">

Do not close self-closing tags

good:

<input type='checkbox'>

bad:

<input type='checkbox' />
<input type='checkbox'></input>