-1

我想在 HTML 中显示类似“代码”的代码:[注意:可以使用无限代码]

示例:
‹img src='#' title='demo title'›‹/img›
我使用过<code>,或者<pre>它们都不起作用

我不想使用 php、jquery 或 java 脚本代码。
只是 html 代码,就像 pre 或 code 标签一样

4

6 回答 6

1

您需要转义字符串:

<code>&lt;img src='#' title='demo title'&gt;&lt;/img&gt;</code>

转义 HTML 实体: http ://www.htmlescape.net/htmlescape_tool.html

于 2013-11-11T09:46:26.633 回答
1

您可以使用 CDATA 部分

像这样 :

<![CDATA[Your <code> here]]>
于 2013-11-11T09:46:54.753 回答
0
&lt;img src='#' title='demo title'&gt;&lt;/img&gt;

使用 PHP 更容易:http: //php.net/manual/de/function.htmlspecialchars.php

于 2013-11-11T09:46:44.497 回答
0

这已经有很多实现了,最好不要发明自行车,而是使用它:http ://www.jquery4u.com/plugins/10-jquery-syntax-highlighters/

于 2013-11-11T09:47:03.470 回答
0

您可以使用标签 xmp ,它是折旧的,但仍然有效。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp

<xmp>‹img src='#' title='demo title'›‹/img›&lt;/xmp>

或者

将您的代码保存在表单内的文本区域中,例如:

   <form>
     <textarea>
       ‹img src='#' title='demo title'›‹/img›
    </textarea>
   </form>

(推荐)

您可以使用带有代码标签的 pre 标签:

 <pre>
   <code>‹img src='#' title='demo title'›‹/img›&lt;/code>
 </pre>
于 2013-11-11T10:12:52.023 回答
-1
<code>&lsaquo;img src='#' title='demo title'&rsaquo;&lsaquo;/img&rsaquo;<code>

只需复制粘贴代码,您将得到您想要的

运单:-

<img src='#' title='demo title'></img>
于 2013-11-11T09:49:31.257 回答