11

このWebサイトがそれを行うのでそれが可能であることは知っていますが、方法を調査してみましたが、ジャンクがたくさんありました.ブラウザがコードとして解釈せずにWebサイトの段落にタグを追加するにはどうすればよいですか.

たとえば、私が持っている場合<p><div></div></p>、div をブラウザーにテキストとして表示し、ブラウザーがそれを html として解釈しないようにします。これは複雑ですか？

私は学校向けのチュートリアルを書いていますが、コードを画像ではなくテキスト形式で Web ページに直接追加できれば、学生がコピーして貼り付けることができるようになると、はるかに簡単になります。

4

11 に答える 11

14

この Web サイト自体がこれをどのように達成しているかを見てください。

<p>For example, if I have <code>&lt;p&gt;&lt;div&gt;&lt;/div&gt;&lt;/p&gt;</code>, I want the div to display in the browser as text not have the browser interpret it as html. Is this complicated to do?</p>

< と > を HTML 文字エンティティに置き換える必要があります。

于 2013-02-18T03:57:12.670 に答える
8

使用方法はたくさんあります:

  1. <と置き換えます&lt;

    `&lt;h1>This is heading &lt;/small>&lt;/h1>`

  2. </xmp><xmp>タグ内にコードを配置する

    <xmp>
    <ul>
        <li>Coffee</li>
        <li>Tea</li>
    </ul>
</xmp>

<plaintext>や などのすべてのブラウザで機能するとは限らないため、他の方法はお勧めしません<listing>。

于 2016-01-02T17:25:24.923 に答える
6

と呼ばれるものを調べたいとしますHTML Entities。

たとえば、<キャラクターを Web サイトに表示する場合は、次の HTML コードを記述できます&lt;。これらは、5 つの基本的なHTML Entitiesソース コードとそれに相当するものです。

< &lt;
> &gt;
" &quot;
' &apos;
& &amp;

プログラミング言語 (PHP や ASP.NET など) を使用している場合は、変換を行う組み込みコマンド (それぞれhtmlspecialchars()およびServer.HtmlEncode) がおそらく存在します。

于 2013-02-18T04:01:09.957 に答える
4

<PRE>再フォーマットされたテキストのブロックの前と後にタグを使用します</PRE>。これらのタグ間のテキストは、元のファイルと同じ位置に改行とスペースを含む等幅文字としてレンダリングされます。これは、大量の HTML コードを追加せずに詩をレンダリングするのに役立つ場合があります。これを試して： 

メアリーは子羊を飼っていました。
    その毛は雪のように白かった。
メアリーがどこへ行っても
    子羊は確かに行きました。

于 2015-03-22T20:13:20.190 に答える
4

Web ページにプレーン テキスト コードを追加するには、5 文字でHTML 文字エスケープが必要です。

< as &lt;
> as &gt;
& as &amp;
' as &apos;
" as &quot;

（また）

<xmp>タグは代替として使用することもできますが、このタグはスタイルを乱し、廃止されています。

<xmp>Code with HTML Tags like <div> etc. </xmp>
于 2017-06-11T04:23:37.060 に答える
1

&lt;(未満の場合)など、タグの html エンティティ/特殊文字を使用します。

&lt;p&gt; in html -> <p> in browser

&lt;p>開始タグに曖昧さがないので、あなたも書くことができます。

多くの言語には、PHP などの HTML 特殊文字を変換するメソッドが組み込まれています。htmlspecialchars

于 2013-02-18T03:56:49.473 に答える
0

HTMLはタグに含まれていない必要があります。<>タグを使用すると、テキストではなくコードに変換されます<br>。文の途中で書く場合
は、これを行います。<>を使用して、いわばコードでコードを記述する必要があります。(&lt; &gt;) そして、あなたはあなたが必要とするものを手に入れます。

于 2013-02-18T04:41:54.457 に答える
0

HTML タグ、つまり小なり記号をエスケープする必要があります。と書くと&lt; 、HTML ページでは < として表示されます。

于 2013-02-18T03:58:27.163 に答える
0

エンティティを使用してテキストを再フォーマットせずにこれを行う最も簡単な方法は、JQuery を使用することです。

<div id="container"></div>

<script>
    $('#container').text("<div><h1>Hello!</h1><p>I like you.</p></div>");
</script>

あなたがそれをするならalert($('#container').prop('innerHTML'));、あなたは得る&lt;div&gt;&lt;h1&gt;Hello!&lt;/h1&gt;&lt;p&gt;I like you.&lt;/p&gt;&lt;/div&gt;

そのテクニックがどれほど役立つかは、素材がどこから来ているかによって多少異なります。

于 2015-09-17T06:22:32.780 に答える
0

CSS-Tricks ではるかに簡単な解決策を発見しました...最も外側のラッパーを「pre」タグにし、その後に「code」タグを付けてから、コードタグ内にコードを括弧で囲みます。

于 2015-04-16T19:27:46.563 に答える