我想在 HTML 中显示类似“代码”的代码:[注意:可以使用无限代码]
示例:
‹img src='#' title='demo title'›‹/img›
我使用过<code>
,或者<pre>
它们都不起作用
我不想使用 php、jquery 或 java 脚本代码。
只是 html 代码,就像 pre 或 code 标签一样
您需要转义字符串:
<code><img src='#' title='demo title'></img></code>
转义 HTML 实体: http ://www.htmlescape.net/htmlescape_tool.html
您可以使用 CDATA 部分
像这样 :
<![CDATA[Your <code> here]]>
<img src='#' title='demo title'></img>
使用 PHP 更容易:http: //php.net/manual/de/function.htmlspecialchars.php
这已经有很多实现了,最好不要发明自行车,而是使用它:http ://www.jquery4u.com/plugins/10-jquery-syntax-highlighters/
您可以使用标签 xmp ,它是折旧的,但仍然有效。https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp。
<xmp>‹img src='#' title='demo title'›‹/img›</xmp>
或者
将您的代码保存在表单内的文本区域中,例如:
<form>
<textarea>
‹img src='#' title='demo title'›‹/img›
</textarea>
</form>
或(推荐)
您可以使用带有代码标签的 pre 标签:
<pre>
<code>‹img src='#' title='demo title'›‹/img›</code>
</pre>
<code>‹img src='#' title='demo title'›‹/img›<code>
只需复制粘贴代码,您将得到您想要的
运单:-
<img src='#' title='demo title'></img>