强制无效的html保持在父div内,不管CSS

时间:2015-09-15 19:58:45

标签: html css

我很好奇是否可以强制错过一个或多个结束标记的HTML到"逗留"在其父div内。

例如:

<!-- parent div-->
<div id="parent">
   <div>this is super wrong.....
</div>
<!-- more html that I don't want affected by the super wrong html-->

基本上我希望上面的代码不会破坏页面的布局。

1 个答案:

答案 0 :(得分:1)

在所有浏览器中都无法保证这一点。当代码不遵循标准时,浏览器必须猜测代码的意图。它不会知道你忘了关闭哪个<div>,但确实需要猜测。不同类型的浏览器会以不同的方式猜测,如果不符合标准,则会对代码进行不同的渲染。

如果您允许用户输入代码,我强烈建议您使用验证器来验证文档。以下是一些手动验证器:

https://validator.w3.org/

https://jigsaw.w3.org/css-validator/

但是如果您通过后端脚本语言接受代码,那么最好使用相关模块。以下是PHP文档验证器的示例:

http://php.net/manual/en/domdocument.validate.php