HTML で「コード」のようなコードを表示したい : [注: 無制限のコードを使用できます]
例:
‹img src='#' title='demo title'›‹/img› orを
使用しましたが、どちらも機能しませんでした<code>
<pre>
PHP、jquery、または Java スクリプト コードを使用したくありません。
preタグやcodeタグと同じようにHTMLコードのみ
CDATA セクションを使用できます
このような :
<![CDATA[Your <code> here]]>
文字列をエスケープする必要があります。
<code><img src='#' title='demo title'></img></code>
HTML エンティティのエスケープ: http://www.htmlescape.net/htmlescape_tool.html
減価償却済みのタグ 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>
<code>‹img src='#' title='demo title'›‹/img›</code>
</pre>
<img src='#' title='demo title'></img>
PHP でより簡単: http://php.net/manual/de/function.htmlspecialchars.php
これにはすでに多くの実装があり、自転車を発明するのではなく、それを使用することをお勧めします: http://www.jquery4u.com/plugins/10-jquery-syntax-highlighters/
<code>‹img src='#' title='demo title'›‹/img›<code>
コードをコピーして貼り付けるだけで、必要なものが得られます
O/P:-
<img src='#' title='demo title'></img>