[HTML] <p>와 <br>

박우현·2020년 12월 17일
0
post-thumbnail
post-custom-banner

👌 <p><br>

<p> 태그

<p> 태그는 문단을 정의. 의미적으로 한 단락이라면 <p> 태그 사이에 기입

<br> 태그

<br> 태그는 줄바꿈을 정의. 의미적으로는 하나이지만 가독성을 위하여 줄바꿈을 할 경우 <br> 태그를 사용

✔ 의미론적 관점에서의 <p><br>

<br> 태그는 단순히 미적 효과를 위한 줄바꿈이므로, 다른 두가지 문장을 하나의 단락으로 인식

스피츠(Spitz)는 개의 한 품종으로, 길이가 길고 통통하며 흰 털을 지닌 경우가 많고, 귀와 주둥이가 뾰족한 것이 특징이다
<br>
백예린은 어릴 때부터 갖춰진 탄탄한 기본기와 발성, 독보적인 음색으로 주목받았고 거의 모든 장르를 자신만의 감성으로 감쌀 정도로 가창력과 곡 해석이 뛰어나다는 평을 받고 있다.

반면, <p> 태그는 정보의 속성을 결정해주는 태그이므로 위와 같이 전혀 다른 정보를 내포하고 있는 문장들은 <p> 태그로 사용하는것이 더욱 효과적

<p>
스피츠(Spitz)는 개의 한 품종으로, 길이가 길고 통통하며 흰 털을 지닌 경우가 많고, 귀와 주둥이가 뾰족한 것이 특징이다
</p>
<p>
백예린은 어릴 때부터 갖춰진 탄탄한 기본기와 발성, 독보적인 음색으로 주목받았고 거의 모든 장르를 자신만의 감성으로 감쌀 정도로 가창력과 곡 해석이 뛰어나다는 평을 받고 있다.
</p>

*모든 웹사이트의 단락이 <br> 태그로 구분되어 있다면 주제를 쉽게 찾을 수 없는 문서가 될 것이며, SEO (Search Engine Optimization)에 불리한 조건을 갖추게 된다. 따라서 <br> 태그의 남용을 피하는 것이 바람직

*<br> 태그를 남용하기보단 CSS의 style 속성을 이용해 넓게 출력되는 상황을 방지

<p style="width:300px">
백예린은 어릴 때부터 갖춰진 탄탄한 기본기와 발성, 독보적인 음색으로 주목받았고 거의 모든 장르를 자신만의 감성으로 감쌀 정도로 가창력과 곡 해석이 뛰어나다는 평을 받고 있다.
</p>

👍 참고 사이트

post-custom-banner

0개의 댓글