[html] div와 span의 차이

div: div는 HTML에서 가장 일반적으로 사용되는 블록 레벨 요소입니다. 블록 레벨 요소는 항상 새로운 줄에서 시작하며, 가능한 최대 가로 너비를 차지하려고 합니다. 기본적으로 div는 아무 스타일도 적용되지 않는 빈 상자이며, 주로 다른 요소들을 묶어서 그룹화하거나 레이아웃을 만들 때 사용됩니다. 예를 들어, 여러 개의 요소를 하나의 블록으로 묶어서 스타일을 적용하거나 배치를 조정할 때 div를 사용합니다.

span: span은 인라인 요소로, div와는 다르게 콘텐츠의 일부를 묶을 때 사용됩니다. 즉, span은 줄 바꿈 없이 콘텐츠의 일부를 감싸기 위해 사용됩니다. 주로 특정 텍스트나 요소에 스타일을 적용하거나 스크립트를 통해 조작해야 할 때 유용합니다.

div는 주로 레이아웃을 만들기 위해 사용되며 블록 레벨 요소이므로 새로운 줄에서 시작합니다. 반면에 span은 특정 텍스트나 요소를 감싸서 스타일을 적용하거나 조작할 때 사용되며, 인라인 요소이므로 줄 바꿈 없이 콘텐츠의 일부를 감쌀 수 있습니다.

 

div도, span도 그룹을 묶을 때 쓰지만 div는 이미지, 인풋, 글자등 요소들을 그룹화할때 쓴다
span은 글자단위로 그룹화할때 쓴다