09. 줄바꿈 : <br> vs. <p>

 

인기 있는 태그 두 가지를 살펴 보겠습니다. 이 두 태그는 서로 경쟁관계에 있는데 , 어떤 경쟁관계에 있는가를 통해 정보라는 관점에서 웹을 생각해 보는 계기가 됐으면 좋겠습니다.

 

HTML에서 새로운 줄을 표현 할 때는 <br> 이란 태그를 쓰면 된다.

<br> 을 써볼예정

 

 

줄바꿈 된것을 알 수 있다.

<br> 태그에는 특징이 하나 있습니다. <br> 태그는 줄바꿈이라는 시각적인 의미만 가지고 있기 때문에 뭔가를 감쌀 필요가 없습니다. 그렇기 때문에 닫지 않습니다.

 

---

이번엔 <p> 라는 태그를 살펴볼 예정입니다. <p> 태그는 어디서부터 어디 까지가 한 단락인지 표현 할 수 있기 때문에 열리는 태그와 닫히는 태그가 존재합니다.

 

결과는 <br> 을 썼을때와 같지만 사용하는 태그가 다르고 두 태그 가운데 이 맥락에서는 <p> 태그가 더 적절한 태그입니다. 왜냐하면 <p> 태그는 이 웹 페이지를 좀 더 정보로써 가치있게 만들기 때문입니다.

즉, <p> 에서 </p> 까지 단락이 존재한다는 것을 의미론적으로 표현 할 수 있기 때문입니다. 그에 반해 <br> 태그는 단지 줄바꿈 일 뿐입니다.

 

css에서 태그와 태그 사이의 여백을 나타내는 margin 이라는 속성이 있습니다. 위쪽 여백을 주고 싶은 상태 이므로

이란 코드를 사용할 수 있습니다.

 

여백이 생긴것을 확인 할 수 있다.