<br>

You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!

HTML <br> 요소는 텍스트에서 줄바꿈(캐리지 리턴)을 생성합니다. 주소나 시조 등 줄의 구분이 중요한 내용을 작성할 때 유용합니다.

위 예제에서 확인할 수 있듯, <br> 요소는 텍스트를 끊고 싶은 지점에 삽입해야 합니다. <br> 다음의 텍스트는 텍스트 블록의 다음 줄에서 다시 시작합니다.

참고: 문단 사이에 여백을 두기 위한 용도로 <br>을 사용하지 마세요. 대신 <p> 요소로 감싼 후 CSSmargin 속성으로 여백의 크기를 조절하세요.

속성

이 요소는  전역 속성을 포함합니다.

사용하지 않는 속성

clear
줄바꿈 이후 다음 줄의 시작 위치.

Styling with CSS

The <br> element has a single, well-defined purpose — to create a line break in a block of text. As such, it has no dimensions or visual output of its own, and there is very little you can do to style it.

You can set a margin on <br> elements themselves to increase the spacing between the lines of text in the block, but this is a bad practice — you should use the line-height property that was designed for that purpose.

예제

Mozilla Foundation<br>
1981 Landings Drive<br>
Building K<br>
Mountain View, CA 94043-0801<br>
USA

결과는 다음과 같습니다.

접근성 고려사항

Creating separate paragraphs of text using <br> is not only bad practice, it is problematic for people who navigate with the aid of screen reading technology. Screen readers may announce the presence of the element, but not any content contained within <br>s. This can be a confusing and frustrating experience for the person using the screen reader.

Use <p> elements, and use CSS properties like margin to control their spacing.

기술 요약

명세

명세 상태 주석
HTML Living Standard
The definition of '<br>' in that specification.
Living Standard  
HTML5
The definition of '<br>' in that specification.
Recommendation  
HTML 4.01 Specification
The definition of '<br>' in that specification.
Recommendation  

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
brChrome Full support 1Edge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
clear
Deprecated
Chrome Full support 1Edge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.

같이 보기