HTML 페이지에서 공백과 줄 바꿈을 유지하는 방법에 대한 분석 예
- 黄舟원래의
- 2017-07-27 14:33:572229검색
브라우저가 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 파일에 적힌 대로 표시할 수 있나요?
e03b848252eb9375d56be284e690e873미리 형식화된 태그가 여기서 역할을 합니다. 이 태그는 HTML 파일에 존재하는 공백과 빈 줄을 유지하면서 주로 공백과 빈 줄을 처리합니다. 이 라벨을 추가하면 다음과 같습니다:
<html>
<body>
<pre class="brush:php;toolbar:false">
for i = 1 to 10
print i
next i