如何在HTML页面中显示html代码

Question

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

例：
        
我使用<code>或<pre>，但他们都没有用

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

Answer 1

你需要转义字符串：

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

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

Answer 2

您可以使用CDATA部分

像这样：

<![CDATA[Your <code> here]]>

Answer 3

<img src='#' title='demo title'></img>

使用PHP更轻松：http://php.net/manual/de/function.htmlspecialchars.php

Answer 4

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

Answer 5

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

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

或

将代码保存在表单内的textarea中，例如：

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

OR （推荐）

您可以使用包含代码标记的预标记：

 <pre>
   <code>‹img src='#' title='demo title'›‹/img›</code>
 </pre>

Answer 6

<code>&lsaquo;img src='#' title='demo title'&rsaquo;&lsaquo;/img&rsaquo;<code>

只需复制粘贴代码即可获得所需内容

O / P： -

<img src='#' title='demo title'></img>