Heim > Artikel > Web-Frontend > Beispielanalyse zur Beibehaltung von Leerzeichen und Zeilenumbrüchen in HTML-Seiten
Beispielanalyse zur Beibehaltung von Leerzeichen und Zeilenumbrüchen in HTML-Seiten
- 黄舟Original
- 2017-07-27 14:33:572229Durchsuche
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>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
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?
e03b848252eb9375d56be284e690e873 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:
<html>
<body>
<pre class="brush:php;toolbar:false">
for i = 1 to 10
print i
next i