Frontend/WEB

줄바꿈 : br vs p

코웰넌 2025. 3. 12. 20:37

우리가 단순히 코드 상에서 줄바꿈을 해도 웹 페이지에서는 반영이 되지 않는다. 

"줄바꿈"을 하기 위해선 특정 태그를 사용해야한다.

1. <br> 태그

줄바꿈을 해주는 기능이 있으며 닫는 태그가 필요 없다. 단순한 줄바꿈을 할 때 사용된다.

https://www.w3schools.com/tags/tag_br.asp

w3s내에 정의에서 보면,

<br> 태그는 한 줄을 break해준다고 쓰여 있으며 시나 주소를 적을 때 용이하다고 적혀있다.

 

2. <p>

Paragraph에 첫 글자를 본 떠 만든 태그이다. 말 그대로 단락을 만들어주는 기능이다. 

<p>태그를 사용하면 가독성이 좋아지는 장점이 있다. 

 

https://www.w3schools.com/tags/tag_p.asp

br태그는 줄바꿈이 여러번 가능한 반면, 정해진 여백이 있기 때문에 시각적 자유도가 떨어진다.