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

hello

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

醉折花枝作酒筹

Apr 30, 2021 am 09:30 AM

この記事では、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 id="hello">hello</h1>
    <h2 id="hello">hello</h2>
      <h3 id="hello">hello</h3>
      <h4 id="hello">hello</h4>
    <h5 id="hello">hello</h5>
    <h6 id="hello">hello</h6>
  </code>

ログイン後にコピー

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

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

ログイン後にコピー

レンダリング:

上記と同じ与える。