br element - by. UXKM

요약 설명

<br> 요소는 줄바꿈(line break)을 의미하는 비시맨틱 태그로, 문단이 아닌 한 문장 내에서 강제로 줄을 바꿔야 할 때 사용됩니다.
닫는 태그 없이 단독으로 사용되며, 시적인 구절, 주소, 노래 가사, 양식 등 짧은 줄바꿈이 필요한 텍스트 구성에 적합합니다. 연속적인 줄바꿈에는 여러 개의 <br>을 사용할 수 있지만, 레이아웃 용도로 남용하지 않아야 하며, 문단 구분에는 <p>를 사용하는 것이 원칙입니다.

주요 역할 및 특징

  1. 강제 줄바꿈 삽입
    • <br>는 텍스트나 콘텐츠의 줄바꿈을 강제하는 데 사용됩니다.
    • 일반적으로 문맥상 블록 요소를 사용하지 않고도 줄바꿈이 필요한 경우에 활용됩니다.
  2. 단독 사용 가능

    <br>는 닫는 태그가 없는 빈 요소입니다. <br />와 같이 자체 종료 태그로도 사용할 수 있습니다.

  3. 텍스트 레이아웃 조정

    주소, 시, 노래 가사, 연락처 정보와 같이 줄바꿈이 필요한 콘텐츠에서 자주 사용됩니다.

  4. 의미론적 역할 없음

    단순히 줄바꿈을 삽입하는 역할만 하며, 콘텐츠의 구조적 의미를 부여하지 않습니다.

  5. CSS로 대체 가능

    줄바꿈의 대부분은 CSS의 margin, padding, line-height와 같은 스타일 속성으로 대체할 수 있습니다.

CSS 기본 값

<br> 요소는 기본적으로 인라인 레벨 요소입니다.

기본 문법

속성

<br> 요소는 고유 속성을 가지지 않으며, 글로벌 속성(class, id, style, aria-*, data-* 등)만 사용할 수 있습니다.

예제

기본 줄바꿈 사용

주소 정보 표시

시 또는 노래 가사 표시

접근성을 고려한 줄바꿈

주의사항

  • 긴 텍스트에서 줄바꿈을 위해 <br>를 사용하면 유지보수에 불편함을 초래할 수 있습니다. 대신 블록 레벨 요소를 사용하여 콘텐츠를 나누는 것이 좋습니다.
  • <br>는 콘텐츠에 의미를 부여하지 않으므로, 문서 구조를 명확히 하기 위해 적절한 HTML 요소와 함께 사용해야 합니다.