HTML 페이지에서 공백과 줄 바꿈을 유지하는 방법에 대한 분석 예

黄舟
풀어 주다: 2017-07-27 14:33:57
원래의
2276명이 탐색했습니다.

브라우저가 HTML 페이지를 렌더링하고 표시할 때 HTML 파일의 공백과 줄 바꿈을 처리하므로 원래 HTML 파일에 작성한 서식이 효과적이지 않을 수 있다는 것을 알고 있습니다. 특히 원할 때 문제가 발생할 수 있습니다. 아래와 같이 구조화된 프로그램 코드를 표시하려면:

<html>

<body>

for i = 1 to 10
     print i
next i

</body>
</html>
로그인 후 복사

이러한 HTML 파일은 브라우저에 표시될 때 아래와 같이 모두 한 줄에 인쇄됩니다.

for i = 1 to 10 print i next i
로그인 후 복사

이러한 방식으로 프로그램에 대한 이해 명확하게 보이지 않는데 어떻게 HTML 파일에 적힌 대로 표시할 수 있나요?

미리 형식화된 태그가 여기서 역할을 합니다. 이 태그는 HTML 파일에 존재하는 공백과 빈 줄을 유지하면서 주로 공백과 빈 줄을 처리합니다. 이 라벨을 추가하면 다음과 같습니다: </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
로그인 후 복사

표시되는 효과:

for i = 1 to 10
     print i
next i
로그인 후 복사

위 내용은 HTML 페이지에서 공백과 줄 바꿈을 유지하는 방법에 대한 분석 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
이전 기사:HTML에서 줄 바꿈이 차지하는 공간에 대한 솔루션 다음 기사:HTML의