@_nu/html-validator 中文文档教程

发布于 4年前 浏览 26 项目主页 更新于 3年前

html-validator

纯 CSS 方式的语义 HTML linter。

How to start

npm i @_nu/html-validator

或者只需在您的 html 页面中添加下面的标签

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@_nu/html-validator" />

如果您只想使用 level1 尝试

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@_nu/html-validator/level1.css" />

如果您想忽略任何元素只需添加 data-hvi attr。

Content

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

content 的 css 属性上的所有有效消息。

Prior art

html-lint 是建立在这个很棒的项目之上的:

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.

Content

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.

Prior art

html-lint was build on this awesome projects:

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文