와 은 모두 웹 페이지의 일부를 정의하는 데 사용됩니다. 요소는 문서의 인라인 부분을 보여줍니다.
요소는 문서의 블록 수준 부분을 표시합니다.
div는 블록 수준 요소이고 스팬은 인라인 요소입니다.
div는 문서의 섹션을 래핑하는 데 사용해야 하고 스팬은 텍스트, 이미지 등의 작은 부분을 래핑하는 데 사용해야 합니다.
예는 다음과 같습니다.
<div>Demo Text, with <span>some other</span> text.</div>
요소는 html로 CSS 기반 레이아웃을 만들 때 사용되는 반면 요소는 텍스트를 스타일화하는 데 사용됩니다.