Web/HTML

[HTML] br 태그란? 그리고 <br>과 <br/>과 <br />의 차이점

chojja7188 2019. 11. 8. 17:35

안녕하세요, 초짜입니다.

 

이번에 다뤄볼 주제는 HTML에서 기본적인 태그 중 하나인 br 태그입니다.

 

br 태그가 무슨 뜻을 가지고 있는지는 다 아실 거라고 생각합니다.

 

모르시는 분을 위해 요약하자면...

<html>
  <body>
    Hello
    World
    
    Hello
    <br>
    World
  </body>
</html>

간단한 코드를 보겠습니다.

 

이 코드의 결과물은 어떻게 될까요?

Hello World Hello
World

바로 이렇게 됩니다.

 

보시다시피 일반적인 방법으로는 코드 내에서 개행을 해도 개행할 수 없습니다.

 

여기서 개행을 해주는 태그가 바로 br 태그입니다.

 

그런데 다른 사람의 코드를 보다 보면

 

<br>, <br/>, <br />, </br>...이렇게 각각 다르게 생겨서 뭐가 맞는건지 헷갈릴 때가 있습니다.

 

이에 각각 알아보겠습니다.

 

HTML4 : <br>만 허용

HTML5 : <br> 선호, <br/> 및 <br /> 사용 가능

XHTML : <br /> 선호, <br/> 및 <br></br> 사용 가능

 

XHTML 때문에 여러 부류가 나온 것 같습니다.

 

HTML에서는 <br> 형태를 선호하지만 <br/>과 <br />을 사용해도 별 문제는 없습니다.

 

하지만 일관성있게 한 형태를 유지하는게 좋겠습니다.

 

</br>은 XHTML에서 <br>을 닫는 용도로 사용됩니다.

 

궁금증이 풀리셨나요?

 

이번 포스팅은 여기까지입니다, 감사합니다.

더보기

초짜, HTML, HTML4, HTML5, XHTML, 태그, br태그, <br>, <br/>, <br />, </br>, </ br>, br tag, br 태그, 웹, web

저작자표시