HTML 공간 분할 태그 - swkim0128/PARA GitHub Wiki
태그
div
span
설명
block 형식으로 공간을 분할. 웹사이트의 레이아웃(젠체 틀)을 만들 때 사용.
div 태그를 사용하여 각각의 블록(공간)을 알맞게 배치하고 CSS를 활용하여 스타일을 적용
inline 형식으로 공간을 분할.
와
태그와 함께 웹페이지의 일부분에 스타일을 적용시키기 위해 사용.
차이점
div와 span을 여러 개를 만들어 나란히 나열하였을 때, div는 자동 줄 바꿈이 일어나면서 세로로, span은 줄 바꿈이 일어나지 않고 가로로 나열.
동일한 문장을 감쌌을 때, div는 박스 형태로 영역이 설정되고 그 안에 정렬됩니다. 하지만 span은 줄 단위로 영역이 설정되기 때문에 박스 형태가 아닌 텍스트가 높출되는 영역만 포함.
div의 margin은 4방향 모두 적용이 되며, span의 margin은 양옆으로만 적용.
block 형식 태그
div 태그
h1 ~ h6 태그
p 태그
목록 태그
table 태그
form 태그
inline 형식 태그
span 태그
a 태그
input 태그
글자 형식 태그