[HTML] <pre> <p> 태그 차이 / <div><span> 태그 차이

HTMl 내부에서 텍스트를 입력하는데 사용되는 태그에는  가장 흔하게 <h1>.. / <pre> / <p> 등이 있다. 
 
<p>태그와 <pre>태그의 차이에 대해 정리해보자! 
 

<p>태그

• 띄어쓰기가 최대 1개까지만 적용된다. 연속으로 띄어쓰기해도 적용되지 않는다.
• 줄바꿈은 <br>태그 외에는 적용되지않는다.

 
 

<pre>태그

• vs code에서 작성한 연속된 띄어쓰기와 줄바꿈이 그대로 적용된다.
• 거대한 문단을 적을때, 따라서 많은 줄바꿈과 띄어쓰기가 발생하는 경우 사용하는 것이 좋다.

 
 

---

 
 
 

<span>태그

• 주로 단순 텍스트와 텍스트와 관련된 범위를 감쌀때 사용함
• 태그 자체에 의미가 없긷문에 style을 위한 시각적인 장식용태그로 사용하기에 적합하다.
• <span>태그는 인라인 요소이기때문에, 컨텐츠의 너비만큼 사이즈가 책정된다. -> 따라서 컨텐츠가 없는 경우 안보임.

 
 

<div>태그

• 레이아웃(블록, 구획)을 구성할때 주로 사용함.

 
 
 
 
 
틀린 부분이나 이상한 부분이 있으면 댓글로 지적해주세요! 
감사합니다 :)