Semantic HTML linter in just pure CSS way.
npm i @_nu/html-validator
Or just add the tag below in your html page
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@_nu/html-validator" />
If you just wanna use level1 try
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@_nu/html-validator/level1.css" />
if you wanna ignore any element just add data-hvi
attr.
html-validator/css
├── level1.css // leve1 「 red 」: force validate rules
└── level2.css // leve2 「 yellow 」: level1.css + suggest validate rules
All valid msg on css prop of content
.
html-lint was build on this awesome projects: