Question

我不知道如何解决特殊问题。我在Google中搜索了它，但是却什么也没找到，可能是因为我没有正确的关键字来找到解决方案。

我将用一个例子来解释我的问题：

<div>
    <label>Message</label>
    <div id="messageContent">
        <b>Title:</b>
        The content of the message
        <u>Other type of content
    </div>
    <div id="differentContent">
        The content of this div should not be affected by the "<u>" of the messageContent div
    </div>
</div>

我现在的问题是我有一个div，在其中显示不同的消息，如果有没有结束标签的内容，它的确也会影响页面上的每个后续文本，有时还会破坏页面的结构。我想要的是messageContent div内的所有内容都不会影响它之外的任何内容。

Answer 1

在HTML中，每个曾经打开的标签都需要关闭。由于您有一个打开的u标记从未关闭过，因此您的浏览器会将适当的样式（在本例中为下划线）应用于页面的末尾。要解决此问题，您只需要在想要结束的地方关闭标签，就像这样：

<u>Other type of content</u>

在differentContent div中，由于您试图将标签显示为纯文本，因此您需要使用适当的字符来对这些字符串进行转义：<u>

Answer 2

签出Fixing unclosed HTML tags 它提供了服务器端（PHP Tidy）或JS端解决方案。我要补充一点，如果您使用jQuery，也可以尝试使用jQuery的解析器，它的解析器可以确保DOM格式正确，但是当输入格式错误时，它可能会失败：

name

HTML让html元素仅影响div内部

2 个答案: