Semantic HTML liner in just pure CSS way.

Usage no npm install needed!

<script type="module">
  import NuHtmlValidator from 'https://cdn.skypack.dev/@_nu/html-validator';



Semantic HTML linter in just pure CSS way.

How to start

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.


├── level1.css    // leve1 「 red 」:  force validate rules
└── level2.css    // leve2 「 yellow 」: level1.css + suggest validate rules

All valid msg on css prop of content.

Prior art

html-lint was build on this awesome projects: