如何防止包含html标记的动态内容可能会弄乱页面样式/模板

Question

例如，我有一个页面具有这样的HTML

<div class="row">
    <div class="col-md-4">
        <!-- Dynamic content here that can contain html tags -->
    </div>

    <div class="col-md-4">
        <!-- Dynamic content here that can contain html tags -->
    </div>

    <div class="col-md-4">
        <!-- Dynamic content here that can contain html tags -->
    </div>
</div>

有一个简单的解决方案来防止此“动态内容”弄乱我的页面HTML模板。

例如，如果“动态内容”包含不包含div标记的HTML div标签，则由于此“动态内容”，我的页面模板/样式将被破坏

Answer 1

通常对于某些服务器，如果在html / css / script中发生类似这样的小错误，它将自动忽略它并按照我们的期望显示设计。 注意：某些服务器有时会发生这种情况。

但是对于某些服务器，即使div未关闭或方括号未正确关闭也显示服务器错误。

通常，最好在任何编辑器中分别设计html节，然后动态更新它。

最好在初始阶段避免这些问题...