Come aggiungere codice di testo in una pagina Web?

Question

So che è possibile perché questo sito lo fa, ma ho provato a cercare come e ho appena ottenuto un sacco di spazzatura, quindi come faccio ad aggiungere tag a un paragrafo del sito web senza che il browser lo interpreti come codice.

Ad esempio, se ho <p><div></div></p>, voglio che il div sia visualizzato nel browser in quanto il testo non è interpretato dal browser come html. È complicato da fare?

Ho scritto tutorial per la scuola e sarebbe molto più semplice se potessi aggiungere il codice direttamente alla pagina Web in forma di testo anziché in immagini, in modo che gli studenti possano copiarlo e incollarlo.

Answer 1

Guardate come questo sito si raggiunge questo:

<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> 

È necessario sostituire il < e> con il loro HTML entità di carattere.

Answer 2

Utilizzare l'entità html/carattere speciale del tag, come ad esempio < (per meno di)

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

Si potrebbe anche scrivere <p> poiché non v'è alcuna ambiguità circa il tag di apertura.

Molte lingue hanno costruito in metodi per convertire HTML caratteri speciali come php htmlspecialchars

Answer 3

È necessario sfuggire ai tag HTML, ovvero il segno di minore di. Scrivilo come < e apparirà come < nella pagina HTML.

Answer 4

Si desidera esaminare qualcosa chiamato HTML Entities.

Se si desidera che il carattere < appaia su un sito Web, ad esempio, è possibile scrivere questo codice HTML: <. Questi sono i cinque di base HTML Entities e le loro sorgenti equivalenti di codice:

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

Se si utilizza un linguaggio di programmazione (come PHP o ASP.NET), quindi c'è probabilmente un built-in di comando che farà la conversione per te (htmlspecialchars() e Server.HtmlEncode, rispettivamente).

Answer 5

L'HTML non deve essere inserito nei tag. Se si utilizzano i tag <, verrà convertito in codice non in testo, se dovessi scrivere <br> nel mezzo di una frase
, quindi farei questo Dovrai scrivere il codice nel codice per così dire, usando il < > (< >) e quindi ottieni ciò di cui hai bisogno.

Answer 6

Si può anche esaminare un evidenziatore di sintassi, a seconda di quanto spesso è necessario inserire codice non interpretato sulla pagina Web. Quello che segue è uno di quelli più popolari:

http://alexgorbatchev.com/SyntaxHighlighter/

Answer 7

Utilizzare il tag <PRE> prima di un blocco di testo riformattato e </PRE> dopo. Il testo tra questi tag viene visualizzato come caratteri monospaziati con interruzioni di riga e spazi negli stessi punti del file originale. Questo può essere utile per il rendering di poesie senza aggiungere molto codice HTML.Prova questo:

 
Mary had a little lamb. 
    Its fleece was white as snow. 
And everywhere that Mary went 
    the lamb was sure to go. 

Answer 8

Ho appena scoperto una soluzione molto più semplice al CSS-Tricks ... Basta avere il vostro più esterno involucro essere un tag 'pre', seguito da un tag 'codice', poi dentro il codice tag metti il ​​tuo codice in paranthesis.

Answer 9

Il modo più semplice per farlo senza dover riformattare il testo utilizzando le entità è utilizzare JQuery.

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

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

Se poi fare alert($('#container').prop('innerHTML'));, si ottiene <div><h1>Hello!</h1><p>I like you.</p></div>

Quanto è utile che la tecnica è dipende un po 'da dove il vostro materiale proviene.

Answer 10

Ci sono molti modi per utilizzare:

1. Sostituire < con <

   `<h1>This is heading </small></h1>` 
   

2. Inserire il codice all'interno </xmp><xmp> tag

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

Non consiglio altri modi perché non funzionano su tutti i browser come <plaintext> o <listing>.

Answer 11

per aggiungere il codice di testo in una pagina web, abbiamo bisogno di fare caratteri HTML Escaping per questi cinque caratteri nel testo out:

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

(OR)

possiamo utilizzare direttamente il tag <xmp> come:

<xmp>Code with HTML Tags like <div> etc. </xmp>