Maison >interface Web >tutoriel HTML >Exemple d'analyse de la façon de conserver les espaces et les sauts de ligne dans les pages HTML

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

黄舟original: 2017-07-27 14:33:572317parcourir

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>

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

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 ?

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

<html>

<body>

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

L'effet affiché :

for i = 1 to 10
     print i
next i

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Solution à l'espace occupé par les sauts de ligne en HTMLArticle suivant：Solution à l'espace occupé par les sauts de ligne en HTML

Articles Liés

Voir plus