validate-html-nesting

A parent-child nesting validation library for HTML

This is not a full-blown HTML spec validation (intentionally). The parent-child nesting is considered valid if the Browser does not modify it, regardless of whether or not the HTML spec considers it valid or invalid. So, the library is purely for detecting the kind of element nesting which result in altered DOM.

$3

``html



hello


---

`

The Browser modifies the above-shown structure to the below-shown structure, which is why the library considers the p > hr nesting invalid.

`html


hello

---

`

And though

hi

markup is technically invalid as per HTML spec, it's still considered valid because the browser does not modify it, so h1 > div nesting is considered valid by the library.

Install

`bash
npm i validate-html-nesting
`




API

`javascript
isValidHTMLNesting(parentTag: string, childTag: string) : boolean
`




Usage Example

`javascript
import { isValidHTMLNesting } from 'validate-html-nesting';

isValidHTMLNesting('a', 'a'); // false
// because can not be child of

isValidHTMLNesting('p', 'hr'); // false
// because

---

can not be child of

isValidHTMLNesting('div', 'a'); // true
// because can be child of