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.

[Lucacici]

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.

Yes, I understand what you're saying.

What I mean is that the dynamic pages provided by the server generate invalid DOM, which can be correctly rendered by the browser, but the browser can't properly render static invalid DOM (such as saved webpages).

I'm not sure if I should clean up the mess for the website.