[javaScript] "div"와 "span" 태그 차이점

*<span>태그 : "문장 단위로 텍스트 영역을 지정하는것" 

<span>단어</span>단어   

결과> 단어단어

 

*<div>태그 : "문단 단위로 영역을 지정"

<div>단어</div>단어 

결과> 단어

         단어

---

1) div

- division의 약자

- 레이어를 만들때 가장 많이 사용되는 태그

- 블록 레벨 요소

- 줄 바꿈이 일어나 상하로 분리 됨

- 한줄 전체를 영역으로 함 (가로의길이가 100%를 차지함.)

- 웹사이트 화면 전체의 레이아웃을 잡을때 효과적으로 사욤됨

=> Float속성을 사용하여 div태그로 전체 레이아웃을 조정할수있음.

-

2) span

- div와 비슷하게 사용되나 인라인 엘리먼트임

- 한줄로 표현되는 인라인 요소

- 줄 바꿈을 하지 않으며 한 줄로 표시

- 안에 내용 만큼만 영역으로 차지