Language/HTML

div와 span의 차이

TechNote.kr 2015. 11. 8. 00:44
728x90

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 전체가 적용 영역임을 알 수 있다.

TEST

 

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

TEST

 

 

Reference


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

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

728x90

'Language > HTML' 카테고리의 다른 글

Webfont 의 적용 (Google Fonts)  (0) 2018.10.11
[HTML/CSS] <link href> 그리고 <script src>  (0) 2016.08.09
Kendo UI, 더 심플한 웹페이지 위한 Framework  (1) 2016.04.06
cURL 을 사용하여 web browser와 동일한 결과 얻기  (0) 2015.12.22
Links (a tag, link tag)  (0) 2015.11.16
meta tag  (0) 2015.10.15
DOCTYPE  (0) 2015.10.14