br과 p 태그의 차이점 정리 줄바꿈 태그 비교





<br><p>는 모두 줄을 나누는 데 사용되지만, 의미와 역할이 다릅니다. 아래에서 자세히 살펴보겠습니다.



✅ <br> : 줄바꿈(Line Break)

  • 한 줄만 바꿔주는 태그
  • 의미 없는 단순 줄바꿈 (문단 구분이 아님)
  • 블록 요소가 아니므로 줄바꿈 외에 여백은 없음
  • 사용 예시: 주소, 시, 노래 가사처럼 한 문단 안에서 줄만 바꾸고 싶을 때
<!-- 예시 코드 -->
서울특별시<br>강남구<br>테헤란로 123


✅ <p> : 문단(Paragraph)

  • 의미 있는 문단 구분
  • 기본적으로 위아래에 여백(margin)이 생김
  • 블록 요소로, 레이아웃 구조에 영향
  • 사용 예시: 일반적인 글의 단락 구분
<!-- 예시 코드 -->
<p>첫 번째 문단입니다.</p>
<p>두 번째 문단입니다.</p>


✅ 정리 표

항목 <br> <p>
용도 줄바꿈 문단 나눔
여백 없음 있음 (기본 margin)
의미 단순 시각적 줄바꿈 의미 있는 문단 구조
태그종류 인라인 블록
HTML5 시맨틱 거의 없음 있음 (SEO에 도움)
예시 주소, 시, 가사 등 일반적인 글 단락


✨ 팁

  • 블로그나 웹문서 작성 시에는 <p> 태그로 문단을 구분하고,
  • 문단 안에서 줄만 바꾸고 싶을 때 <br>을 사용하는 것이 좋습니다.
  • SEO 측면에서도 <p> 태그가 구조화와 검색엔진 최적화에 유리합니다.

더 알고 싶다면 <div> 태그와의 차이도 살펴보세요! 😊



더보기

· div와 p태그 차이와 사용법 완벽정리
· br과 br/의 태그 차이 예시 html br 줄바꿈 태그 사용법