본문 바로가기

언어공부/HTML

HTML - div와 span

HTML - div와 span

div와 span 특징

  1. div는 divide의 약자로 웹페이지를 논리적인 섹션 영역으로 분리할 때 많이 사용한다.
  2. div는 블록 수준영역이기 때문에 한줄 전체 영역을 차지한다.
  3. span은 인라인 요소이기 때문에 자신이 필요한 크기만 차지한다.
  4. div는 웹 페이지의 공간을 분할하여 레이아웃을 작성하는데 많이 사용된다.
  5. 과거에는 table을 이용한 레이아웃을 많이 사용했지만 지금은 올바른 방법이 아니다. 테이블은 단지 표 형태의 데이터를 표시하는 용도로만 웹표준에서는 사용해야 한다.

<div></div>

divide의 약자로 블록 수준 영역이기 때문에 한줄 전체 영역을 차지한다. 보통 너비와 높이를 지정해 레이아웃을 작성한다.

<span></span>

인라인 수준 영역이기 때문에 필요한 크기의 영역을 차지한다.