div와 span의 차이

div와 span의 정의는 우선 다음과 같다.

 

div : HTML내에서 일정 구역을 정의하기 위한 용도

       Block element를 group화 하기 위한 용도

 

The <div> tag defines a division or a section in an HTML document. The <div> tag is used to group block-elements to format them with CSS.

 

 

span : inline element를 group화 하기 위한 용도

 

The <span> tag is used to group inline-elements in a document. The <span> tag provides no visual change by itself. The <span> tag provides a way to add a hook to a part of a text or a part of a document.

 

 

구현 비교

<div> : Block 전체가 적용 영역임을 알 수 있다.

<div style="background-color: #FFFFCC;">TEST</div>

TEST

 

<span> : inline 부분만 적용 영역임을 알 수 있다.

<span style="background-color: #FFFFCC;">TEST</span>

TEST

 

 

Reference

---

http://www.w3schools.com/tags/tag_div.asp

http://www.w3schools.com/tags/tag_span.asp