Maison > interface Web > tutoriel HTML > le corps du texte

Exemple d'analyse de la façon de conserver les espaces et les sauts de ligne dans les pages HTML

黄舟
Libérer: 2017-07-27 14:33:57
original
2234 Les gens l'ont consulté

Nous savons que lorsque le navigateur restitue et affiche la page HTML, il traitera les espaces et les nouvelles lignes dans le fichier HTML, de sorte que le formatage que nous avons écrit à l'origine dans le fichier HTML peut ne pas fonctionner, surtout lorsque. nous voulons afficher du code de programme structuré, nous rencontrerons des problèmes, comme indiqué ci-dessous :

<html>

<body>

for i = 1 to 10
     print i
next i

</body>
</html>
Copier après la connexion

Lorsqu'un tel fichier HTML est affiché sur le navigateur, le tout est imprimé sur une seule ligne, comme montré ci-dessous :

for i = 1 to 10 print i next i
Copier après la connexion

De cette façon, la compréhension du programme ne peut pas être clairement vue, alors comment peut-il être affiché tel qu'il est écrit dans le fichier HTML ?

 La balise préformatée joue ici son rôle. Cette balise traite principalement les espaces et les lignes vides, en conservant les espaces et les lignes vides qui existent dans les fichiers HTML. Après avoir ajouté cette balise, elle ressemble à ceci : </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
Copier après la connexion

L'effet affiché :

for i = 1 to 10
     print i
next i
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Article précédent:Solution à l'espace occupé par les sauts de ligne en HTML Article suivant:Explication détaillée de la façon de définir les options sélectionnées par défaut pour la balise