HTMLコードをHTML内に直接表示する方法-htmlチュートリアル-php.cn

この記事では、htmlにhtmlコードを直接表示する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

HTMLコードをHTML内に直接表示する方法

Baidu には多くの実践方法がリストされていますが、その多くは意味をなす前にテストされていないと感じます。
Baidu では、<code><code> タグと <code><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"></pre><div class="contentsignin">ログイン後にコピー</div></div> タグを参照します。私のテスト結果は次のとおりです:

<code>
    <h1>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>hello</h6>
  </code>

ログイン後にコピー

レンダリング:
HTMLコードをHTML内に直接表示する方法
コードはまだレンダリングされており、失敗します。インライン要素はレンダリングされると言われていますが、spanに変更してもレンダリングされます。

</strong></p><p>コード: </p><pre class="brush:js;toolbar:false;"><pre class="brush:php;toolbar:false">
    <h1>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>hello</h6>

ログイン後にコピー

レンダリング:

上記と同じ与える。