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 줄바꿈 태그 사용법