Question

这一直是最令人沮丧的事情。

我正在使用prettify.js来提供代码语法颜色，但是当我对html进行编码时，使用了prettify.js或prism.js，我必须像.&lt一样在下面写一段时间，否则我的语法被＃标签搞砸了。

<pre class="prettyprint">.&lt;div class=&quot;modal modal--medium modal--middle&quot;&gt;
    &lt;div class=&quot;center-module&quot;&gt;
        &lt;input type=&quot;text&quot; placeholder=&quot;email&quot;&gt;
        &lt;button class=&quot;button button--primary&quot;&gt;send&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;</pre>

有一段时间，上面显示

.<div class="modal modal--medium modal--middle">
    <div class="center-module">
        <input type="text" placeholder="email">
        <button class="button button--primary">send</button>
    </div>
</div>

没有&lt之前的句号

#<DIV class="modal modal--medium modal--middle"#>
    #<DIV class="center-module"#>
        #<INPUT type="text" placeholder="email"#>
        #<BUTTON class="button button--primary"#>send#</BUTTON>
    #</DIV#>
#</DIV#>

我的问题是如何/为什么<div被.tag <span class="tag"><div</span>包裹起来由prettify.js？为什么我需要在<div之前添加一些字符才能使其正常工作？任何想法为什么这样做？

仅在<div之前的任何字符都会显示块正常，但&lr;div被<pre></pre>标签包裹时没有字符，它会显示带有＃标签的块。< / p>

Answer 1

您可能需要查看HTML5 code tag：

<code>
  <DIV class="modal modal--medium modal--middle">
    <DIV class="center-module">
      <INPUT type="text" placeholder="email">
      <BUTTON class="button button--primary">send</BUTTON>
    </DIV>
  </DIV>
</code>

html代码块用于html代码段？

1 个答案: