使用<;预处理>;及<;代码>;标记以显示javascript脚本

使用<;预处理>;及<;代码>;标记以显示javascript脚本,javascript,jquery,html,pre,Javascript,Jquery,Html,Pre,我正在尝试HTML5中的和标记,因为我想在我的网站上包含一些代码片段。我使用下面的页面作为测试页面,但它没有显示任何内容。有什么原因吗 <body> <div style="color:#000000"> <pre> <code> <script type="text/javascript"> $('#inputField').hide();

我正在尝试HTML5中的
标记,因为我想在我的网站上包含一些代码片段。我使用下面的页面作为测试页面,但它没有显示任何内容。有什么原因吗

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


$('#inputField').hide();
我的理解是,使用这些新标记将否定它们包含在其中的任何代码,但情况似乎并非如此

干杯


J

删除
脚本
标记:

&lt;script type="text/javascript"&gt;
这些标签仅用于“装饰”目的。内的代码仍将被执行。如果要显示它,必须至少将
标记转换为html:

然后将显示中间的JavaScript代码


但是您不需要两者,我会使用
(默认情况下是一个块元素),
用于内联使用。

如果您去掉脚本标签,这将起作用

这些代码标记仅将内部文本的字体更改为单空格字体,但它不会覆盖其他标记(甚至php标记)的解释

更好的方法是使用CSS获得颜色高亮显示,或者javascript库

我的理解是,使用这些新标记将否定它们包含的任何代码

他们没有。它们告诉用户代理以代码的形式呈现数据。因此,它会有字体的变化,空白将是重要的,它应该被翻译软件跳过,等等


标记仍然有效(因此您可以向样式添加元素,或将代码链接到其他位置,等等),因此您仍然需要替换HTML特殊字符(
删除
这里面的任何东西都会被解释和解析为脚本根据我在上面读到的网站,你应该用标签包装
标签。这没什么坏处,只是看起来“错了”…至少对我来说是这样,但这可能是个人偏见。刚刚在
中找到了
。是的。我认为这里的主要问题是事物的白色间隔,这就是为什么它们应该结合使用(因为我对维护缩进有点强迫症)。我也这么想。这就是javascript在Firebug中创建控制台错误的原因。我将这些用于语义目的。标记还考虑了空格,所以这不仅仅是像您上面提到的更改字体的情况。哦,是的,他们会。我关于字体的说明只是关于代码标记:)
&lt;script type="text/javascript"&gt;