[HTML Tag] <p>태그와 <pre>태그의 차이점

p태그와 pre태그는 모두 글을 쓰기 위한 태그이다.

다만, 차이점이라 하면 줄바꿈과 띄어쓰기가 적용되냐 적용되지않느냐의 차이이다.

 

<p>hello, world
두번째줄
세번째줄           아!
</p>
<pre>hello, world
두번째줄
세번째줄           아!</pre>

이렇게 같은 내용을 p태그와 pre태그를 이용해 띄어쓰기와 줄바꿈을 적용시켜보자.

 

적용화면

p태그는 최대 1개까지의 띄어쓰기만 적용되고 줄바꿈은 적용되지 않는다. p태그에 줄바꿈을 넣으려면 <br>태그를 넣어주어야한다.

하지만 pre태그를 쓰면 에디터에서 쓰는 띄어쓰기와 줄바꿈이 그대로 적용된다. 만약 하나의 태그 안에 많은 띄어쓰기와 줄바꿈이 있다면 p태그보다는 pre태그를 사용하는것이 좋다.