[HTML 문법] 공백

<h1>Hello World!</h1>
<h1>Hello   World!<h1>
<h1>
	Hello,
    World!
</h1>

 

위의 코드의 결과가 어떻게 될 지 상상해봤을 때, 보편적인 측면에서 생각하면 띄어쓰기가 그대로 반영이 될 것이라고 생각하기 쉽다.

하지만, HTML 마크업 언어에서는 두 칸 이상의 공백은 모두 무시하기 때문에 위 세가지 모두 같은 텍스트가 화면에 나타나게 된다.

 

이러한 공백처리 방식은 CSS로 제어할 수 있으며, white-space의 pre-wrap 속성을 사용하면 줄 바꿈, 공백, 들여 쓰기를 모두 적용할 수 있다.