Heim > Web-Frontend > HTML-Tutorial > Beispielanalyse zur Beibehaltung von Leerzeichen und Zeilenumbrüchen in HTML-Seiten

Beispielanalyse zur Beibehaltung von Leerzeichen und Zeilenumbrüchen in HTML-Seiten

黄舟
Freigeben: 2017-07-27 14:33:57
Original
2302 Leute haben es durchsucht

Wir wissen, dass der Browser beim Rendern und Anzeigen der HTML-Seite die Leerzeichen und Zeilenumbrüche in der HTML-Datei verarbeitet, sodass die ursprünglich in die HTML-Datei geschriebene Formatierung möglicherweise nicht funktioniert Wenn wir strukturierten Programmcode anzeigen möchten, werden wir auf Probleme stoßen, wie unten gezeigt:

<html>

<body>

for i = 1 to 10
     print i
next i

</body>
</html>
Nach dem Login kopieren

Wenn eine solche HTML-Datei im Browser angezeigt wird, wird alles in einer Zeile gedruckt, als unten gezeigt:

for i = 1 to 10 print i next i
Nach dem Login kopieren

Auf diese Weise ist das Verständnis des Programms nicht klar erkennbar. Wie kann es also so angezeigt werden, wie es in der HTML-Datei geschrieben ist?

 Das vorformatierte Tag spielt hier hauptsächlich Leerzeichen und Leerzeilen und behält die in HTML-Dateien vorhandenen Leerzeichen bei. Nachdem wir dieses Tag hinzugefügt haben, sieht es wie folgt aus: </span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><html>

<body>

<pre class="brush:php;toolbar:false">
for i = 1 to 10
     print i
next i
Nach dem Login kopieren

Der angezeigte Effekt:

for i = 1 to 10
     print i
next i
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonBeispielanalyse zur Beibehaltung von Leerzeichen und Zeilenumbrüchen in HTML-Seiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Vorheriger Artikel:Lösung für den durch Zeilenumbrüche in HTML belegten Platz Nächster Artikel:Ausführliche Erläuterung, wie die standardmäßig ausgewählten Optionen für das