Question

我在数据库中保存了HTML结构，它在我的文本编辑器中呈现。它类似于以下内容：

<div>
    <b>
        <u>
            <i>
                This is sample text
            </i>
        </u>
    </b>
</div>

我发现这种不一致，有时候HTML上面会呈现为

 <div>
     <u style="font-weight: bold; font-style: italic;" >
          This is sample text
     </u>
</div>

这种不一致的行为会影响更多代码。

我想知道为什么DOM会被不确定性操纵以及如何避免这种情况？

Answer 1

你有第三方软件搞乱了你的标记，这不是很好的软件行为，无论你怎么看待它。

为了防止这种情况发生，我很想交换：

<div>
    <b>
        <u>
            <i>
                This is sample text
            </i>
        </u>
    </b>
</div>

有：

<强> CSS：

.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.italic {font-style: italic;}

<强> HTML：

<div>
    <span class="bold">
        <span class="underline>
            <span class="italic">
                This is sample text
            </span>
        </span>
    </span>
</div>

<b>，<i>，<u>标签

1 个答案: