Question

我正在试验＆lt;预＆GT;和＆lt;代码＆GT; html 5中的标签，因为我想在我的网站上包含一些代码片段。我正在使用下面的页面作为测试页面，但它没有显示任何内容。有什么理由吗？

    <body>
    <div style="color:#000000">
      <pre>
        <code>
          <script type="text/javascript">
            $('#inputField').hide();
          </script>
        </code>
      </pre>
    </div>
    </body>

我的理解是，使用这些新标签会否定它们包含的任何代码，但这似乎并非如此。

干杯，

Ĵ

Answer 1

这些标签仅用于“装饰”目的。其中的代码仍将执行。如果您希望显示它，则必须至少将<script>标记转换为html：

&lt;script type="text/javascript"&gt;

然后将显示中间的JavaScript代码。

你不需要两者，我会使用<pre>（默认情况下是块元素），<code>用于内联使用。

Answer 2

删除script代码：

<body>
    <div style="color:#000000">
      <pre>
        <code>
            $('#inputField').hide();
        </code>
      </pre>
    </div>
</body>

Answer 3

我的理解是，使用这些新标签会否定它们包含的任何代码

他们没有。它们告诉用户代理将数据作为代码呈现。所以它会有字体变化，空白区域很重要，翻译软件应该跳过它等等。

标记仍然生效（因此您可以向样式添加元素，或将代码链接到其他位置，等等），因此您仍需要替换HTML特殊字符（<，&，等）与各自的实体（<，&等）。

Answer 4

如果您使用脚本标记，这将有效。

这些代码标记只将文本内部的字体更改为等宽字体，但它不会覆盖其他标记（甚至是php标记）的解释。

更好的方法是使用CSS来获取颜色突出显示或javascript库。

使用<pre> and <code> tags to display a javascript script</code></pre>

4 个答案: