Improper DOM Generation Prevents Correct HTML Rendering

[Lucacici]

Some websites generate DOM structures in a non-standard manner, leading to HTML files that cannot be rendered correctly and require manual fixes.

Example

• URL: https://www.infoq.cn/article/o1Fjrx83Pbh4mf9xp0O2
• Position(xpath): //p[@class='head-detail author-detail']

Problem
The browser cannot render a p element containing a nested ul. Change p to div to render it correctly.

Environment

• OS: Win10
• Browser: Firefox, Edge

Request
check if a p element contains any block elements, and replaces it with a div if necessary.

[gildas-lormeau]

The problem is that <div> is the tag of a block-level element and is also disallowed in a <p> tag. Only these tags are valid: https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content.