html - 在 <code> 中使用 <div> 可以吗？

Question

在“code”标签中使用“div”标签可以吗？我正在使用 NetBeans 8.0.1 编写一些 html 页面。在某些时候，我不得不在“代码”中使用“div”。您可以在 http://jsfiddle.net/125ypcum/ 中看到我的部分代码

NetBeans 给我以下错误

元素“div”在此上下文中不允许作为元素“code”的子元素。

结果是我想要的但是错误困扰着我。无论如何这是一个问题吗？有没有一种方法可以在没有错误的情况下获得相同的结果？

jsfiddle 中的代码:

<div class="codeDiv">
<pre>
<code class="black">stat<sub>0</sub>;
<div class="back-red codeBoxMargin">if (expr<sub>1</sub>)
<div class="back-green codeBoxMargin">  if (expr<sub>2</sub>)
    {
        stat<sub>1</sub>;
        stat<sub>2</sub>;
    }
    else
<div class="back-blue codeBoxMargin">       if (expr<sub>3</sub>)
        {
            stat<sub>4</sub>;
            stat<sub>5</sub>;
        }
        else
            stat<sub>6</sub>;
</div></div>else
    stat<sub>7</sub>;
</div>stat<sub>8</sub>;</code></pre>
</div>

Answer 1

code 是一个内联元素，而 div 是一个 block 元素。 block 元素不得出现在内联元素中。

如果你想在预先格式化的容器中有一个div，使用pre。但是请注意，pre 默认情况下会按原样显示换行符。或者在 code 中使用 span 元素(正如 Lowe Bäckström 在评论中所建议的那样)。