HTML&CSS

<br> , <br/>, <br /> 어떤게 맞는 것인가?

apost 2021. 10. 15. 09:00

웹의 표준이 계속 바뀌면서 문제가 된 것이 구 태그 사용 방법에 대한 혼동입니다.

바뀐 지 오래되었지만, 오래된 HTML 문서들에 사용된 구 버전 사용 방법들을 따라 계속 사용하면서 불필요한 사용 방법을 계속 고수합니다. 달라진 표준에 대한 문서를 볼 기회가 없는 것도 한 가지 원인이기는 합니다.

 

가장 흔한 혼동이 <br> 혼동입니다.

 

결론부터 말하면 현재 표준은 <br>입니다.

"/"를 붙일 필요도 없고 "/" 앞에 공백을 띄울 필요도 없습니다.

 

모던 웹 브라우저들은 <br/>, <br />을 사용한 HTML 문서를 파싱 하면서 모두 <br>로 변경합니다.

 

<br> 문제뿐만 아니라 과거 단독 태그라는 것을 표기하기 위해 태그 끝에 "/"붙였던 방법은 모두 "/"가 없는 방법으로 변경되었습니다.

 

<hr>, <img>, <input> 태그들도 모두 마찬가지입니다.

앞서 설명한 대로 이런 태그 끝에 "/"붙여도 웹 브라우저가 모두 삭제합니다.

 

그리니까 사용할 필요가 없는 "사족" 같은 존재이며, 표기할 필요도 없습니다.

 

다음 HTML 태그 표현은

<br/>
<br />
<hr/>
<img href="./8.jpg"/>
<input type="text" name="test"/>

 

웹 브라우저에서는 다음과 같이 변경됩니다.